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
#1CA9A0
RGB 28, 169, 160
CMYK 83 0 5 34
#F2836B
RGB 242, 131, 107
CMYK 0 46 56 5
#E8D4A0
RGB 232, 212, 160
CMYK 0 9 31 9
#0E5C7A
RGB 14, 92, 122
CMYK 89 25 0 52
#4A8A5A
RGB 74, 138, 90
CMYK 46 0 35 46
Roles
Background
#E8D4A0
Text
#0E5C7A
Primary
#F2836B
Secondary
#1CA9A0
Accent
#4A8A5A
Accessible pairings against Background
Text on Background5.1:1 AA
Primary on Background1.7:1 Fail
Secondary on Background2.0:1 Fail
Accent on Background2.8:1 Fail
Usage notes
- •Primary doesn't meet AA contrast on Background (1.7:1) — use it for large elements, icons, or borders, not body text.
- •Text passes AA on Background (5.1:1), the safe default for body copy.