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
#E8720E
RGB 232, 114, 14
CMYK 0 51 94 9
#4A8A3C
RGB 74, 138, 60
CMYK 46 0 57 46
#B85C00
RGB 184, 92, 0
CMYK 0 50 100 28
#5C4230
RGB 92, 66, 48
CMYK 0 28 48 64
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
Roles
Background
#FBF3EF
Text
#5C4230
Primary
#E8720E
Secondary
#B85C00
Accent
#4A8A3C
Accessible pairings against Background
Text on Background8.4:1 AAA
Primary on Background2.8:1 Fail
Secondary on Background4.2:1 Fail
Accent on Background3.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (2.8:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (8.4:1), the safe default for body copy.