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
#FAF8F2
RGB 250, 248, 242
CMYK 0 1 3 2
#F5D547
RGB 245, 213, 71
CMYK 0 13 71 4
#6B9A4A
RGB 107, 154, 74
CMYK 31 0 52 40
#3E5C2E
RGB 62, 92, 46
CMYK 33 0 50 64
#F2ECD8
RGB 242, 236, 216
CMYK 0 2 11 5
Roles
Background
#FAF8F2
Text
#3E5C2E
Primary
#F5D547
Secondary
#6B9A4A
Accent
#F2ECD8
Accessible pairings against Background
Text on Background7.1:1 AAA
Primary on Background1.4:1 Fail
Secondary on Background3.1:1 Fail
Accent on Background1.1: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 (7.1:1), the safe default for body copy.