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
#F5C6D0
RGB 245, 198, 208
CMYK 0 19 15 4
#B8E2C4
RGB 184, 226, 196
CMYK 19 0 13 11
#F7ECD9
RGB 247, 236, 217
CMYK 0 4 12 3
#5A3D2E
RGB 90, 61, 46
CMYK 0 32 49 65
#A9D4E5
RGB 169, 212, 229
CMYK 26 7 0 10
Roles
Background
#F7ECD9
Text
#5A3D2E
Primary
#B8E2C4
Secondary
#F5C6D0
Accent
#A9D4E5
Accessible pairings against Background
Text on Background8.4:1 AAA
Primary on Background1.2:1 Fail
Secondary on Background1.3:1 Fail
Accent on Background1.4:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.2: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.