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
#6B8A2E
RGB 107, 138, 46
CMYK 22 0 67 46
#3E5C4A
RGB 62, 92, 74
CMYK 33 0 20 64
#5A5E2E
RGB 90, 94, 46
CMYK 4 0 51 63
#5C4A2E
RGB 92, 74, 46
CMYK 0 20 50 64
#9AB84A
RGB 154, 184, 74
CMYK 16 0 60 28
Roles
Background
#9AB84A
Text
#5C4A2E
Primary
#6B8A2E
Secondary
#5A5E2E
Accent
#3E5C4A
Accessible pairings against Background
Text on Background3.8:1 Fail
Primary on Background1.8:1 Fail
Secondary on Background3.0:1 Fail
Accent on Background3.3:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.8:1) — use it for large elements, icons, or borders, not body text.
- •Text fails AA contrast on Background (3.8:1) — this pairing needs to change before shipping body copy.