Classic Brass & Cedar color palette

Color codes click any value to copy

Why it works and how to use it

It works because the lightness range is wide (28% to 99%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.

• Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
• Text: Cedar (#8F4100) on #FDFDFD gives 7.06:1, passing WCAG AAA.
• Primary: Cream (#E4FCBD) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
• Accent: Brass (#C3AE3A) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cedar on White at 7.06:1.

Preview on a real UI see how the palette feels in context

Color blindness simulation

Color-blind check: under deuteranopia and tritanopia, Cream and White become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors