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
#5C4A5E
RGB 92, 74, 94
CMYK 2 21 0 63
#8B1E3F
RGB 139, 30, 63
CMYK 0 78 55 45
#6B7A4A
RGB 107, 122, 74
CMYK 12 0 39 52
#F2E4D0
RGB 242, 228, 208
CMYK 0 6 14 5
#3A1A2E
RGB 58, 26, 46
CMYK 0 55 21 77
Roles
Background
#F2E4D0
Text
#3A1A2E
Primary
#8B1E3F
Secondary
#6B7A4A
Accent
#5C4A5E
Accessible pairings against Background
Text on Background12.3:1 AAA
Primary on Background7.1:1 AAA
Secondary on Background3.7:1 Fail
Accent on Background6.5:1 AA
Usage notes
- •Primary passes AAA on Background (7.1:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (12.3:1), the safe default for body copy.