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
#F28C28
RGB 242, 140, 40
CMYK 0 42 83 5
#5FA042
RGB 95, 160, 66
CMYK 41 0 59 37
#FDF3E3
RGB 253, 243, 227
CMYK 0 4 10 1
#B85C00
RGB 184, 92, 0
CMYK 0 50 100 28
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
Roles
Background
#FBF3EF
Text
#B85C00
Primary
#F28C28
Secondary
#5FA042
Accent
#FDF3E3
Accessible pairings against Background
Text on Background4.2:1 Fail
Primary on Background2.2:1 Fail
Secondary on Background2.9:1 Fail
Accent on Background1.0:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.2: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.