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

#1F5A3C

RGB 31, 90, 60

CMYK 66 0 33 65

#D8E8C9

RGB 216, 232, 201

CMYK 7 0 13 9

#E8385C

RGB 232, 56, 92

CMYK 0 76 60 9

#1A1A1A

RGB 26, 26, 26

CMYK 0 0 0 90

#4A8A5A

RGB 74, 138, 90

CMYK 46 0 35 46

Roles

Background

#D8E8C9

Text

#1A1A1A

Primary

#E8385C

Secondary

#4A8A5A

Accent

#1F5A3C

Accessible pairings against Background

Text on Background13.5:1 AAA
Primary on Background3.2:1 Fail
Secondary on Background3.2:1 Fail
Accent on Background6.3:1 AA

Usage notes

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