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
#121212
RGB 18, 18, 18
CMYK 0 0 0 93
#2E2A5C
RGB 46, 42, 92
CMYK 50 54 0 64
#3A3A3A
RGB 58, 58, 58
CMYK 0 0 0 77
#5C6670
RGB 92, 102, 112
CMYK 18 9 0 56
#E8E4D8
RGB 232, 228, 216
CMYK 0 2 7 9
Roles
Background
#E8E4D8
Text
#121212
Primary
#2E2A5C
Secondary
#5C6670
Accent
#3A3A3A
Accessible pairings against Background
Text on Background14.7:1 AAA
Primary on Background10.3:1 AAA
Secondary on Background4.6:1 AA
Accent on Background8.9:1 AAA
Usage notes
- •Primary passes AAA on Background (10.3:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (14.7:1), the safe default for body copy.