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
#EE7B1A
RGB 238, 123, 26
CMYK 0 48 89 7
#181410
RGB 24, 20, 16
CMYK 0 17 33 91
#F5F3EE
RGB 245, 243, 238
CMYK 0 1 3 4
#B85C00
RGB 184, 92, 0
CMYK 0 50 100 28
#5F8A4A
RGB 95, 138, 74
CMYK 31 0 46 46
Roles
Background
#F5F3EE
Text
#181410
Primary
#EE7B1A
Secondary
#B85C00
Accent
#5F8A4A
Accessible pairings against Background
Text on Background16.5:1 AAA
Primary on Background2.5:1 Fail
Secondary on Background4.1:1 Fail
Accent on Background3.6:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.5:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (16.5:1), the safe default for body copy.