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
#3B2417
RGB 59, 36, 23
CMYK 0 39 61 77
#8A5A3C
RGB 138, 90, 60
CMYK 0 35 57 46
#C9A67D
RGB 201, 166, 125
CMYK 0 17 38 21
#F2E4D0
RGB 242, 228, 208
CMYK 0 6 14 5
#B5651D
RGB 181, 101, 29
CMYK 0 44 84 29
Roles
Background
#F2E4D0
Text
#3B2417
Primary
#B5651D
Secondary
#8A5A3C
Accent
#C9A67D
Accessible pairings against Background
Text on Background11.6:1 AAA
Primary on Background3.5:1 Fail
Secondary on Background4.7:1 AA
Accent on Background1.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (3.5:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (11.6:1), the safe default for body copy.