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
#C8102E
RGB 200, 16, 46
CMYK 0 92 77 22
#F2B705
RGB 242, 183, 5
CMYK 0 24 98 5
#B5502E
RGB 181, 80, 46
CMYK 0 56 75 29
#E8720E
RGB 232, 114, 14
CMYK 0 51 94 9
#F5E4C9
RGB 245, 228, 201
CMYK 0 7 18 4
Roles
Background
#F5E4C9
Text
#C8102E
Primary
#E8720E
Secondary
#F2B705
Accent
#B5502E
Accessible pairings against Background
Text on Background4.7:1 AA
Primary on Background2.5:1 Fail
Secondary on Background1.5:1 Fail
Accent on Background4.1:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.5:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AA on Background (4.7:1), the safe default for body copy.