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
#C97A3D
RGB 201, 122, 61
CMYK 0 39 70 21
#5C4A7A
RGB 92, 74, 122
CMYK 25 39 0 52
#2A2A4A
RGB 42, 42, 74
CMYK 43 43 0 71
#12142E
RGB 18, 20, 46
CMYK 61 57 0 82
#E8C468
RGB 232, 196, 104
CMYK 0 16 55 9
Roles
Background
#E8C468
Text
#12142E
Primary
#C97A3D
Secondary
#5C4A7A
Accent
#2A2A4A
Accessible pairings against Background
Text on Background10.8:1 AAA
Primary on Background2.0:1 Fail
Secondary on Background4.6:1 AA
Accent on Background8.2:1 AAA
Usage notes
- •Primary doesn't meet AA contrast on Background (2.0:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (10.8:1), the safe default for body copy.