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
#C0C8CC
RGB 192, 200, 204
CMYK 6 2 0 20
#1F3E5C
RGB 31, 62, 92
CMYK 66 33 0 64
#7A868A
RGB 122, 134, 138
CMYK 12 3 0 46
#F0EFE8
RGB 240, 239, 232
CMYK 0 0 3 6
#F2836B
RGB 242, 131, 107
CMYK 0 46 56 5
Roles
Background
#F0EFE8
Text
#1F3E5C
Primary
#F2836B
Secondary
#7A868A
Accent
#C0C8CC
Accessible pairings against Background
Text on Background9.6:1 AAA
Primary on Background2.2:1 Fail
Secondary on Background3.3:1 Fail
Accent on Background1.5:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.2:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (9.6:1), the safe default for body copy.