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
#F2EDE2
RGB 242, 237, 226
CMYK 0 2 7 5
#3A3630
RGB 58, 54, 48
CMYK 0 7 17 77
#7A9A5C
RGB 122, 154, 92
CMYK 21 0 40 40
#B0A99A
RGB 176, 169, 154
CMYK 0 4 13 31
#E8C468
RGB 232, 196, 104
CMYK 0 16 55 9
Roles
Background
#F2EDE2
Text
#3A3630
Primary
#E8C468
Secondary
#7A9A5C
Accent
#B0A99A
Accessible pairings against Background
Text on Background10.3:1 AAA
Primary on Background1.4:1 Fail
Secondary on Background2.7:1 Fail
Accent on Background2.0:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.4:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (10.3:1), the safe default for body copy.