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
#8A8A85
RGB 138, 138, 133
CMYK 0 0 4 46
#5C6670
RGB 92, 102, 112
CMYK 18 9 0 56
#8B3A1E
RGB 139, 58, 30
CMYK 0 58 78 45
#F2C11D
RGB 242, 193, 29
CMYK 0 20 88 5
#2B2B2B
RGB 43, 43, 43
CMYK 0 0 0 83
Roles
Background
#F2C11D
Text
#2B2B2B
Primary
#8B3A1E
Secondary
#5C6670
Accent
#8A8A85
Accessible pairings against Background
Text on Background8.4:1 AAA
Primary on Background4.6:1 AA
Secondary on Background3.5:1 Fail
Accent on Background2.1: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.4:1), the safe default for body copy.