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
#D6398A
RGB 214, 57, 138
CMYK 0 73 36 16
#1F1A4A
RGB 31, 26, 74
CMYK 58 65 0 71
#5C3E9E
RGB 92, 62, 158
CMYK 42 61 0 38
#F2F0E8
RGB 242, 240, 232
CMYK 0 1 4 5
#0A0A14
RGB 10, 10, 20
CMYK 50 50 0 92
Roles
Background
#F2F0E8
Text
#0A0A14
Primary
#D6398A
Secondary
#5C3E9E
Accent
#1F1A4A
Accessible pairings against Background
Text on Background17.3:1 AAA
Primary on Background3.8:1 Fail
Secondary on Background7.0:1 AA
Accent on Background14.1:1 AAA
Usage notes
- •Primary doesn't meet AA contrast on Background (3.8: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.