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

#1F4A2E

RGB 31, 74, 46

CMYK 58 0 38 71

#4A7A3C

RGB 74, 122, 60

CMYK 39 0 51 52

#6B9A5A

RGB 107, 154, 90

CMYK 31 0 42 40

#3A2E1A

RGB 58, 46, 26

CMYK 0 21 55 77

#E8C468

RGB 232, 196, 104

CMYK 0 16 55 9

Roles

Background

#E8C468

Text

#3A2E1A

Primary

#4A7A3C

Secondary

#6B9A5A

Accent

#1F4A2E

Accessible pairings against Background

Text on Background7.9:1 AAA
Primary on Background3.0:1 Fail
Secondary on Background2.0:1 Fail
Accent on Background6.0:1 AA

Usage notes

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