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
#FF3800
RGB 255, 56, 0
CMYK 0 78 100 0
#241C14
RGB 36, 28, 20
CMYK 0 22 44 86
#6B8A4A
RGB 107, 138, 74
CMYK 22 0 46 46
#E8D4A0
RGB 232, 212, 160
CMYK 0 9 31 9
#FBF3EF
RGB 251, 243, 239
CMYK 0 3 5 2
Roles
Background
#FBF3EF
Text
#241C14
Primary
#FF3800
Secondary
#6B8A4A
Accent
#E8D4A0
Accessible pairings against Background
Text on Background15.3:1 AAA
Primary on Background3.3:1 Fail
Secondary on Background3.6:1 Fail
Accent on Background1.3:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (3.3:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AAA on Background (15.3:1), the safe default for body copy.