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
#7A868A
RGB 122, 134, 138
CMYK 12 3 0 46
#1F3E5C
RGB 31, 62, 92
CMYK 66 33 0 64
#F0EFE8
RGB 240, 239, 232
CMYK 0 0 3 6
#B8D4CC
RGB 184, 212, 204
CMYK 13 0 4 17
#4A4E52
RGB 74, 78, 82
CMYK 10 5 0 68
Roles
Background
#F0EFE8
Text
#1F3E5C
Primary
#B8D4CC
Secondary
#7A868A
Accent
#4A4E52
Accessible pairings against Background
Text on Background9.6:1 AAA
Primary on Background1.4:1 Fail
Secondary on Background3.3:1 Fail
Accent on Background7.3:1 AAA
Usage notes
- •Primary doesn't meet AA contrast on Background (1.4: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.