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
#F2B9C4
RGB 242, 185, 196
CMYK 0 24 19 5
#C9AEE0
RGB 201, 174, 224
CMYK 10 22 0 12
#5F8A4A
RGB 95, 138, 74
CMYK 31 0 46 46
#F5E4A0
RGB 245, 228, 160
CMYK 0 7 35 4
#FBF6EF
RGB 251, 246, 239
CMYK 0 2 5 2
Roles
Background
#FBF6EF
Text
#5F8A4A
Primary
#F5E4A0
Secondary
#C9AEE0
Accent
#F2B9C4
Accessible pairings against Background
Text on Background3.7:1 Fail
Primary on Background1.2:1 Fail
Secondary on Background1.8:1 Fail
Accent on Background1.6: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 fails AA contrast on Background (3.7:1) — this pairing needs to change before shipping body copy.