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
#F2836B
RGB 242, 131, 107
CMYK 0 46 56 5
#123420
RGB 18, 52, 32
CMYK 65 0 38 80
#F5C518
RGB 245, 197, 24
CMYK 0 20 90 4
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
Roles
Background
#FBF3EF
Text
#123420
Primary
#E8285C
Secondary
#F5C518
Accent
#F2836B
Accessible pairings against Background
Text on Background12.5:1 AAA
Primary on Background3.9:1 Fail
Secondary on Background1.5:1 Fail
Accent on Background2.3:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (3.9:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (12.5:1), the safe default for body copy.