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
#9A8266
RGB 154, 130, 102
CMYK 0 16 34 40
#8A857A
RGB 138, 133, 122
CMYK 0 4 12 46
#8A9070
RGB 138, 144, 112
CMYK 4 0 22 44
#4A3826
RGB 74, 56, 38
CMYK 0 24 49 71
#E8E0D0
RGB 232, 224, 208
CMYK 0 3 10 9
Roles
Background
#E8E0D0
Text
#4A3826
Primary
#9A8266
Secondary
#8A9070
Accent
#8A857A
Accessible pairings against Background
Text on Background8.5:1 AAA
Primary on Background2.8:1 Fail
Secondary on Background2.5:1 Fail
Accent on Background2.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.8:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (8.5:1), the safe default for body copy.