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
#6B2FA0
RGB 107, 47, 160
CMYK 33 71 0 37
#2FA84F
RGB 47, 168, 79
CMYK 72 0 53 34
#F2F0E8
RGB 242, 240, 232
CMYK 0 1 4 5
#C81E3A
RGB 200, 30, 58
CMYK 0 85 71 22
#151515
RGB 21, 21, 21
CMYK 0 0 0 92
Roles
Background
#F2F0E8
Text
#151515
Primary
#C81E3A
Secondary
#6B2FA0
Accent
#2FA84F
Accessible pairings against Background
Text on Background16.0:1 AAA
Primary on Background5.0:1 AA
Secondary on Background7.2:1 AAA
Accent on Background2.7:1 Fail
Usage notes
- •Primary passes AA on Background (5.0:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (16.0:1), the safe default for body copy.