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

#8B1A1A

RGB 139, 26, 26

CMYK 0 81 81 45

#F0752B

RGB 240, 117, 43

CMYK 0 51 82 6

#F5C518

RGB 245, 197, 24

CMYK 0 20 90 4

#2B2620

RGB 43, 38, 32

CMYK 0 12 26 83

#FFF4D6

RGB 255, 244, 214

CMYK 0 4 16 0

Roles

Background

#FFF4D6

Text

#2B2620

Primary

#F0752B

Secondary

#F5C518

Accent

#8B1A1A

Accessible pairings against Background

Text on Background13.7:1 AAA
Primary on Background2.6:1 Fail
Secondary on Background1.5:1 Fail
Accent on Background8.5:1 AAA

Usage notes

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