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
#F2C11D
RGB 242, 193, 29
CMYK 0 20 88 5
#1A1A1A
RGB 26, 26, 26
CMYK 0 0 0 90
#D89B2E
RGB 216, 155, 46
CMYK 0 28 79 15
#C9C4B8
RGB 201, 196, 184
CMYK 0 2 8 21
#F7E9A6
RGB 247, 233, 166
CMYK 0 6 33 3
Roles
Background
#F7E9A6
Text
#1A1A1A
Primary
#F2C11D
Secondary
#D89B2E
Accent
#C9C4B8
Accessible pairings against Background
Text on Background14.2:1 AAA
Primary on Background1.4:1 Fail
Secondary on Background2.0:1 Fail
Accent 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 passes AAA on Background (14.2:1), the safe default for body copy.