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
#171717
RGB 23, 23, 23
CMYK 0 0 0 91
#F7F7F5
RGB 247, 247, 245
CMYK 0 0 1 3
#EC4899
RGB 236, 72, 153
CMYK 0 69 35 7
#2FA84F
RGB 47, 168, 79
CMYK 72 0 53 34
Roles
Background
#F7F7F5
Text
#171717
Primary
#EC4899
Secondary
#2F6FED
Accent
#2FA84F
Accessible pairings against Background
Text on Background16.7:1 AAA
Primary on Background3.3:1 Fail
Secondary on Background4.2:1 Fail
Accent on Background2.9:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (3.3:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (16.7:1), the safe default for body copy.