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
#E8285C
RGB 232, 40, 92
CMYK 0 83 60 9
#2FA84F
RGB 47, 168, 79
CMYK 72 0 53 34
#F5D547
RGB 245, 213, 71
CMYK 0 13 71 4
#123420
RGB 18, 52, 32
CMYK 65 0 38 80
#F2836B
RGB 242, 131, 107
CMYK 0 46 56 5
Roles
Background
#F5D547
Text
#123420
Primary
#E8285C
Secondary
#2FA84F
Accent
#F2836B
Accessible pairings against Background
Text on Background9.4:1 AAA
Primary on Background3.0:1 Fail
Secondary on Background2.1:1 Fail
Accent on Background1.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (3.0:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (9.4:1), the safe default for body copy.