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
#0042BC
RGB 0, 66, 188
CMYK 100 65 0 26
#6EA1FF
RGB 110, 161, 255
CMYK 57 37 0 0
#00236E
RGB 0, 35, 110
CMYK 100 68 0 57
Roles
Background
#6EA1FF
Text
#00236E
Primary
#2F6FED
Secondary
#0042BC
Accessible pairings against Background
Text on Background5.6:1 AA
Primary on Background1.8:1 Fail
Secondary on Background3.3:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.8:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AA on Background (5.6:1), the safe default for body copy.