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

#D6198C

RGB 214, 25, 140

CMYK 0 88 35 16

#FAF7F5

RGB 250, 247, 245

CMYK 0 1 2 2

#1A1A1A

RGB 26, 26, 26

CMYK 0 0 0 90

#4A8A4A

RGB 74, 138, 74

CMYK 46 0 46 46

#F2A9C9

RGB 242, 169, 201

CMYK 0 30 17 5

Roles

Background

#FAF7F5

Text

#1A1A1A

Primary

#D6198C

Secondary

#4A8A4A

Accent

#F2A9C9

Accessible pairings against Background

Text on Background16.3:1 AAA
Primary on Background4.5:1 Fail
Secondary on Background3.9:1 Fail
Accent on Background1.7:1 Fail

Usage notes

  • Primary doesn't meet AA contrast on Background (4.5:1) — use it for large elements, icons, or borders, not body text.
  • Text passes AAA on Background (16.3:1), the safe default for body copy.