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
#0067A1
RGB 0, 103, 161
CMYK 100 36 0 37
#7D7DFF
RGB 125, 125, 255
CMYK 51 51 0 0
Roles
Background
#7D7DFF
Text
#0067A1
Primary
#2F6FED
Accessible pairings against Background
Text on Background1.8:1 Fail
Primary on Background1.4:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.4:1) — use it for large elements, icons, or borders, not body text.
- •Text fails AA contrast on Background (1.8:1) — this pairing needs to change before shipping body copy.