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
#C4901E
RGB 196, 144, 30
CMYK 0 27 85 23
#8A4E1E
RGB 138, 78, 30
CMYK 0 43 78 46
#D9C08A
RGB 217, 192, 138
CMYK 0 12 36 15
#4A2E15
RGB 74, 46, 21
CMYK 0 38 72 71
#F2E4C9
RGB 242, 228, 201
CMYK 0 6 17 5
Roles
Background
#F2E4C9
Text
#4A2E15
Primary
#C4901E
Secondary
#8A4E1E
Accent
#D9C08A
Accessible pairings against Background
Text on Background9.9:1 AAA
Primary on Background2.3:1 Fail
Secondary on Background5.2:1 AA
Accent on Background1.4:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.3:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (9.9:1), the safe default for body copy.