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
#B3123B
RGB 179, 18, 59
CMYK 0 90 67 30
#F4C2D0
RGB 244, 194, 208
CMYK 0 20 15 4
#4A1030
RGB 74, 16, 48
CMYK 0 78 35 71
#4A7A3C
RGB 74, 122, 60
CMYK 39 0 51 52
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
Roles
Background
#FBF3EF
Text
#4A1030
Primary
#B3123B
Secondary
#4A7A3C
Accent
#F4C2D0
Accessible pairings against Background
Text on Background13.6:1 AAA
Primary on Background6.3:1 AA
Secondary on Background4.6:1 AA
Accent on Background1.4:1 Fail
Usage notes
- •Primary passes AA on Background (6.3:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (13.6:1), the safe default for body copy.