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
#EEDC9A
RGB 238, 220, 154
CMYK 0 8 35 7
#F7F1E5
RGB 247, 241, 229
CMYK 0 2 7 3
#8AA5C4
RGB 138, 165, 196
CMYK 30 16 0 23
#6B5642
RGB 107, 86, 66
CMYK 0 20 38 58
#8A9683
RGB 138, 150, 131
CMYK 8 0 13 41
Roles
Background
#F7F1E5
Text
#6B5642
Primary
#EEDC9A
Secondary
#8AA5C4
Accent
#8A9683
Accessible pairings against Background
Text on Background6.2:1 AA
Primary on Background1.2:1 Fail
Secondary on Background2.3:1 Fail
Accent on Background2.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.2:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AA on Background (6.2:1), the safe default for body copy.