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
#B5182E
RGB 181, 24, 46
CMYK 0 87 75 29
#1A2A1F
RGB 26, 42, 31
CMYK 38 0 26 84
#C4681E
RGB 196, 104, 30
CMYK 0 47 85 23
#B8862E
RGB 184, 134, 46
CMYK 0 27 75 28
#F2E4D0
RGB 242, 228, 208
CMYK 0 6 14 5
Roles
Background
#F2E4D0
Text
#1A2A1F
Primary
#B5182E
Secondary
#C4681E
Accent
#B8862E
Accessible pairings against Background
Text on Background12.0:1 AAA
Primary on Background5.4:1 AA
Secondary on Background3.1:1 Fail
Accent on Background2.6:1 Fail
Usage notes
- •Primary passes AA on Background (5.4:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (12.0:1), the safe default for body copy.