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
#F2C11D
RGB 242, 193, 29
CMYK 0 20 88 5
#4A7A3C
RGB 74, 122, 60
CMYK 39 0 51 52
#B5852E
RGB 181, 133, 46
CMYK 0 27 75 29
#FBEBA0
RGB 251, 235, 160
CMYK 0 6 36 2
#B85C00
RGB 184, 92, 0
CMYK 0 50 100 28
Roles
Background
#FBEBA0
Text
#4A7A3C
Primary
#F2C11D
Secondary
#B85C00
Accent
#B5852E
Accessible pairings against Background
Text on Background4.2:1 Fail
Primary on Background1.4:1 Fail
Secondary on Background3.8:1 Fail
Accent on Background2.8: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 fails AA contrast on Background (4.2:1) — this pairing needs to change before shipping body copy.