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
#7A1636
RGB 122, 22, 54
CMYK 0 82 56 52
#4A1E3A
RGB 74, 30, 58
CMYK 0 59 22 71
#8A5A3C
RGB 138, 90, 60
CMYK 0 35 57 46
#F7EDE0
RGB 247, 237, 224
CMYK 0 4 9 3
#5C7A5C
RGB 92, 122, 92
CMYK 25 0 25 52
Roles
Background
#F7EDE0
Text
#4A1E3A
Primary
#7A1636
Secondary
#8A5A3C
Accent
#5C7A5C
Accessible pairings against Background
Text on Background11.8:1 AAA
Primary on Background9.1:1 AAA
Secondary on Background5.0:1 AA
Accent on Background4.1:1 Fail
Usage notes
- •Primary passes AAA on Background (9.1:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (11.8:1), the safe default for body copy.