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
#B8B2A7
RGB 184, 178, 167
CMYK 0 3 9 28
#6B6862
RGB 107, 104, 98
CMYK 0 3 8 58
#1B2340
RGB 27, 35, 64
CMYK 58 45 0 75
#E8E6DE
RGB 232, 230, 222
CMYK 0 1 4 9
#0D0E1A
RGB 13, 14, 26
CMYK 50 46 0 90
Roles
Background
#E8E6DE
Text
#0D0E1A
Primary
#1B2340
Secondary
#B8B2A7
Accent
#6B6862
Accessible pairings against Background
Text on Background15.3:1 AAA
Primary on Background12.3:1 AAA
Secondary on Background1.7:1 Fail
Accent on Background4.4:1 Fail
Usage notes
- •Primary passes AAA on Background (12.3:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (15.3:1), the safe default for body copy.