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

#151515

RGB 21, 21, 21

CMYK 0 0 0 92

#F5F3EE

RGB 245, 243, 238

CMYK 0 1 3 4

#D9C08A

RGB 217, 192, 138

CMYK 0 12 36 15

#8A8378

RGB 138, 131, 120

CMYK 0 5 13 46

#6B5642

RGB 107, 86, 66

CMYK 0 20 38 58

Roles

Background

#F5F3EE

Text

#151515

Primary

#D9C08A

Secondary

#6B5642

Accent

#8A8378

Accessible pairings against Background

Text on Background16.5:1 AAA
Primary on Background1.6:1 Fail
Secondary on Background6.2:1 AA
Accent on Background3.4:1 Fail

Usage notes

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