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
#E23D4A
RGB 226, 61, 74
CMYK 0 73 67 11
#F5D547
RGB 245, 213, 71
CMYK 0 13 71 4
#4A8A3C
RGB 74, 138, 60
CMYK 46 0 57 46
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
#8B1A2A
RGB 139, 26, 42
CMYK 0 81 70 45
Roles
Background
#FBF3EF
Text
#8B1A2A
Primary
#E23D4A
Secondary
#F5D547
Accent
#4A8A3C
Accessible pairings against Background
Text on Background8.4:1 AAA
Primary on Background3.8:1 Fail
Secondary on Background1.3:1 Fail
Accent on Background3.8:1 Fail
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 (8.4:1), the safe default for body copy.