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
#E85C8A
RGB 232, 92, 138
CMYK 0 60 41 9
#F2A03C
RGB 242, 160, 60
CMYK 0 34 75 5
#8AC44A
RGB 138, 196, 74
CMYK 30 0 62 23
#F5E4A0
RGB 245, 228, 160
CMYK 0 7 35 4
#5C4A9E
RGB 92, 74, 158
CMYK 42 53 0 38
Roles
Background
#F5E4A0
Text
#5C4A9E
Primary
#E85C8A
Secondary
#8AC44A
Accent
#F2A03C
Accessible pairings against Background
Text on Background5.6:1 AA
Primary on Background2.6:1 Fail
Secondary on Background1.6:1 Fail
Accent on Background1.7:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.6:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AA on Background (5.6:1), the safe default for body copy.