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
#1F4A3C
RGB 31, 74, 60
CMYK 58 0 19 71
#0F2A20
RGB 15, 42, 32
CMYK 64 0 24 84
#F5F5F2
RGB 245, 245, 242
CMYK 0 0 1 4
#4A3826
RGB 74, 56, 38
CMYK 0 24 49 71
#A8C4C9
RGB 168, 196, 201
CMYK 16 2 0 21
Roles
Background
#F5F5F2
Text
#0F2A20
Primary
#1F4A3C
Secondary
#4A3826
Accent
#A8C4C9
Accessible pairings against Background
Text on Background14.0:1 AAA
Primary on Background9.1:1 AAA
Secondary on Background10.2:1 AAA
Accent on Background1.7:1 Fail
Usage notes
- •Primary passes AAA on Background (9.1:1) — safe for buttons and UI text at this size.
- •Text passes AAA on Background (14.0:1), the safe default for body copy.