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

#C2419E

RGB 194, 65, 158

CMYK 0 66 19 24

#B85C1E

RGB 184, 92, 30

CMYK 0 50 84 28

#5F8A4A

RGB 95, 138, 74

CMYK 31 0 46 46

#EAB8D4

RGB 234, 184, 212

CMYK 0 21 9 8

#F7F0E5

RGB 247, 240, 229

CMYK 0 3 7 3

Roles

Background

#F7F0E5

Text

#B85C1E

Primary

#C2419E

Secondary

#5F8A4A

Accent

#EAB8D4

Accessible pairings against Background

Text on Background4.0:1 Fail
Primary on Background4.1:1 Fail
Secondary on Background3.6:1 Fail
Accent on Background1.5:1 Fail

Usage notes

  • Primary doesn't meet AA contrast on Background (4.1:1) — use it for large elements, icons, or borders, not body text.
  • Text fails AA contrast on Background (4.0:1) — this pairing needs to change before shipping body copy.