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

#C9A67D

RGB 201, 166, 125

CMYK 0 17 38 21

#F2E4D0

RGB 242, 228, 208

CMYK 0 6 14 5

#4A3020

RGB 74, 48, 32

CMYK 0 35 57 71

#FAF6EF

RGB 250, 246, 239

CMYK 0 2 4 2

#B5651D

RGB 181, 101, 29

CMYK 0 44 84 29

Roles

Background

#FAF6EF

Text

#4A3020

Primary

#B5651D

Secondary

#C9A67D

Accent

#F2E4D0

Accessible pairings against Background

Text on Background11.2:1 AAA
Primary on Background4.0:1 Fail
Secondary on Background2.1:1 Fail
Accent on Background1.2:1 Fail

Usage notes

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