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
#F7C6C7
RGB 247, 198, 199
CMYK 0 20 19 3
#F9D9A8
RGB 249, 217, 168
CMYK 0 13 33 2
#F4E4A6
RGB 244, 228, 166
CMYK 0 7 32 4
#A7C4E0
RGB 167, 196, 224
CMYK 25 12 0 12
#C9B8D8
RGB 201, 184, 216
CMYK 7 15 0 15
Roles
Background
#F4E4A6
Text
#C9B8D8
Primary
#F9D9A8
Secondary
#F7C6C7
Accent
#A7C4E0
Accessible pairings against Background
Text on Background1.5:1 Fail
Primary on Background1.1:1 Fail
Secondary on Background1.2:1 Fail
Accent on Background1.4:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.1:1) — use it for large elements, icons, or borders, not body text.
- •Text fails AA contrast on Background (1.5:1) — this pairing needs to change before shipping body copy.