What are the hex codes in the Rustic Brass & Vanilla palette?

The Rustic Brass & Vanilla color palette consists of Cocoa #796818, Brass #BAB246, Vanilla #D7DF92, Buttercream #FFF8E5.

How should I use the Rustic Brass & Vanilla palette on a website?

Use Buttercream #FFF8E5 as the background, Cocoa #796818 for text, Vanilla #D7DF92 for buttons and links, and Brass #BAB246 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cocoa on Buttercream at 5.2:1.

Which colors in Rustic Brass & Vanilla have enough contrast for text?

The highest-contrast pair is #796818 on #FFF8E5 with a ratio of 5.2:1, which passes WCAG AA for normal text.

#796818Cocoa

#BAB246Brass

#D7DF92Vanilla

#FFF8E5Buttercream

Rustic Brass & Vanilla color palette

Warm Yellow White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cocoa	`#796818`	`rgb(121, 104, 24)`	`hsl(49, 67%, 28%)`	`oklch(51.9% 0.097 96)`
Brass	`#BAB246`	`rgb(186, 178, 70)`	`hsl(56, 46%, 50%)`	`oklch(75.0% 0.129 105)`
Vanilla	`#D7DF92`	`rgb(215, 223, 146)`	`hsl(66, 55%, 72%)`	`oklch(88.0% 0.099 113)`
Buttercream	`#FFF8E5`	`rgb(255, 248, 229)`	`hsl(44, 100%, 95%)`	`oklch(98.0% 0.026 90)`

Why it works and how to use it

Rustic Brass & Vanilla is a vivid monochromatic color palette tagged warm, yellow, white. All four colors sit within 17° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Vanilla takes the lead while the rest support. Lightness runs from 28% to 95%. Well suited to websites, presentations and branding.

Background: Buttercream (#FFF8E5) is the lightest color, so it belongs on large surfaces.
Text: Cocoa (#796818) on #FFF8E5 gives 5.2:1, passing WCAG AA.
Primary: Vanilla (#D7DF92) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Brass (#BAB246) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cocoa on Buttercream at 5.2:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Rustic Brass & Vanilla

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#796818

#BAB246

#D7DF92

#FFF8E5

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#796818` on `#FFF8E5`	Aa	5.2:1	AA
`#796818` on `#D7DF92`	Aa	3.9:1	AA large only
`#796818` on `#BAB246`	Aa	2.51:1	Fail
`#BAB246` on `#FFF8E5`	Aa	2.08:1	Fail
`#BAB246` on `#D7DF92`	Aa	1.56:1	Fail
`#D7DF92` on `#FFF8E5`	Aa	1.33:1	Fail

Similar palettes 24 more in this mood