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
#EF6F6C
RGB 239, 111, 108
CMYK 0 54 55 6
#F4B860
RGB 244, 184, 96
CMYK 0 25 61 4
#F5F5F5
RGB 245, 245, 245
CMYK 0 0 0 4
#65A9A4
RGB 101, 169, 164
CMYK 40 0 3 34
#3A3335
RGB 58, 51, 53
CMYK 0 12 9 77
Roles
Background
#F5F5F5
Text
#3A3335
Primary
#EF6F6C
Secondary
#F4B860
Accent
#65A9A4
Accessible pairings against Background
Text on Background11.3:1 AAA
Primary on Background2.7:1 Fail
Secondary on Background1.6:1 Fail
Accent on Background2.5:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.7:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (11.3:1), the safe default for body copy.