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
#8B1A1A
RGB 139, 26, 26
CMYK 0 81 81 45
#1F4A3C
RGB 31, 74, 60
CMYK 58 0 19 71
#12233F
RGB 18, 35, 63
CMYK 71 44 0 75
#171717
RGB 23, 23, 23
CMYK 0 0 0 91
#F2E9D8
RGB 242, 233, 216
CMYK 0 4 11 5
Roles
Background
#F2E9D8
Text
#171717
Primary
#8B1A1A
Secondary
#12233F
Accent
#1F4A3C
Accessible pairings against Background
Text on Background14.9:1 AAA
Primary on Background7.7:1 AAA
Secondary on Background13.0:1 AAA
Accent on Background8.3:1 AAA
Usage notes
- •Primary passes AAA on Background (7.7:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (14.9:1), the safe default for body copy.