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
#2F6FED
RGB 47, 111, 237
CMYK 80 53 0 7
#9326A3
RGB 147, 38, 163
CMYK 10 77 0 36
#B98700
RGB 185, 135, 0
CMYK 0 27 100 27
#065D00
RGB 6, 93, 0
CMYK 94 0 100 64
Roles
Background
#B98700
Text
#065D00
Primary
#9326A3
Secondary
#2F6FED
Accessible pairings against Background
Text on Background2.5:1 Fail
Primary on Background2.1:1 Fail
Secondary on Background1.4:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.1:1) — use it for large elements, icons, or borders, not body text.
- •Text fails AA contrast on Background (2.5:1) — this pairing needs to change before shipping body copy.