Style Guide Generator
Turn a finished palette into a one-page brand guide: roles, accessible pairings, and usage notes, ready to hand to a client or a dev team.
Brand Color Guide
Palette
#8A5A3C
RGB 138, 90, 60
CMYK 0 35 57 46
#9A958A
RGB 154, 149, 138
CMYK 0 3 10 40
#4A3020
RGB 74, 48, 32
CMYK 0 35 57 71
#5C6670
RGB 92, 102, 112
CMYK 18 9 0 56
#F2EDE2
RGB 242, 237, 226
CMYK 0 2 7 5
Roles
Background
#F2EDE2
Text
#4A3020
Primary
#8A5A3C
Secondary
#5C6670
Accent
#9A958A
Accessible pairings against Background
Text on Background10.4:1 AAA
Primary on Background5.0:1 AA
Secondary on Background5.0:1 AA
Accent on Background2.6:1 Fail
Usage notes
- •Primary passes AA on Background (5.0:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (10.4:1), the safe default for body copy.