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
#0A0A14
RGB 10, 10, 20
CMYK 50 50 0 92
#4A2E7A
RGB 74, 46, 122
CMYK 39 62 0 52
#F2F0E8
RGB 242, 240, 232
CMYK 0 1 4 5
#2A3A7A
RGB 42, 58, 122
CMYK 66 52 0 52
#E89A4A
RGB 232, 154, 74
CMYK 0 34 68 9
Roles
Background
#F2F0E8
Text
#0A0A14
Primary
#E89A4A
Secondary
#4A2E7A
Accent
#2A3A7A
Accessible pairings against Background
Text on Background17.3:1 AAA
Primary on Background2.0:1 Fail
Secondary on Background9.4:1 AAA
Accent on Background9.3: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 (17.3:1), the safe default for body copy.