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
#F5F5F2
RGB 245, 245, 242
CMYK 0 0 1 4
#B0B0AC
RGB 176, 176, 172
CMYK 0 0 2 31
#5C5C5A
RGB 92, 92, 90
CMYK 0 0 2 64
#A9C4E0
RGB 169, 196, 224
CMYK 25 12 0 12
#F5E4B0
RGB 245, 228, 176
CMYK 0 7 28 4
Roles
Background
#F5F5F2
Text
#5C5C5A
Primary
#F5E4B0
Secondary
#A9C4E0
Accent
#B0B0AC
Accessible pairings against Background
Text on Background6.1:1 AA
Primary on Background1.2:1 Fail
Secondary on Background1.6:1 Fail
Accent on Background2.0: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 AA on Background (6.1:1), the safe default for body copy.