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
#8A8E92
RGB 138, 142, 146
CMYK 5 3 0 43
#5C6B7A
RGB 92, 107, 122
CMYK 25 12 0 52
#3E4650
RGB 62, 70, 80
CMYK 22 12 0 69
#A8A0B0
RGB 168, 160, 176
CMYK 5 9 0 31
#EAEBED
RGB 234, 235, 237
CMYK 1 1 0 7
Roles
Background
#EAEBED
Text
#3E4650
Primary
#5C6B7A
Secondary
#A8A0B0
Accent
#8A8E92
Accessible pairings against Background
Text on Background8.0:1 AAA
Primary on Background4.6:1 AA
Secondary on Background2.1:1 Fail
Accent on Background2.8:1 Fail
Usage notes
- •Primary passes AA on Background (4.6:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (8.0:1), the safe default for body copy.