What are the hex codes in the Bold Rust & Caramel palette?

The Bold Rust & Caramel color palette consists of Rust #B74F00, Caramel #D09C2F, Sepia #704408, Oat #DACDAD.

How should I use the Bold Rust & Caramel palette on a website?

Use Oat #DACDAD as the background, Sepia #704408 for text, Rust #B74F00 for buttons and links, and Caramel #D09C2F for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Sepia on Oat at 5.29:1.

Which colors in Bold Rust & Caramel have enough contrast for text?

The highest-contrast pair is #704408 on #DACDAD with a ratio of 5.29:1, which passes WCAG AA for normal text.

#B74F00Rust

#D09C2FCaramel

#704408Sepia

#DACDADOat

Bold Rust & Caramel color palette

Warm Earthy Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Rust	`#B74F00`	`rgb(183, 79, 0)`	`hsl(26, 100%, 36%)`	`oklch(55.4% 0.153 47)`
Caramel	`#D09C2F`	`rgb(208, 156, 47)`	`hsl(41, 63%, 50%)`	`oklch(72.4% 0.134 81)`
Sepia	`#704408`	`rgb(112, 68, 8)`	`hsl(35, 87%, 24%)`	`oklch(42.9% 0.091 67)`
Oat	`#DACDAD`	`rgb(218, 205, 173)`	`hsl(43, 38%, 77%)`	`oklch(85.1% 0.045 89)`

Why it works and how to use it

Bold Rust & Caramel is a vivid monochromatic color palette tagged warm, earthy, brown. 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 4 chromatic colors, Rust takes the lead while the rest support. Lightness runs from 24% to 77%. Well suited to wellness, organic and outdoor brands.

Background: Oat (#DACDAD) is the lightest color, so it belongs on large surfaces.
Text: Sepia (#704408) on #DACDAD gives 5.29:1, passing WCAG AA.
Primary: Rust (#B74F00) is the most saturated mid-tone; use it for buttons and links (3.22:1 against the background, fine for UI elements).
Accent: Caramel (#D09C2F) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Sepia on Oat at 5.29:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Rust & Caramel

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

#B74F00

#D09C2F

#704408

#DACDAD

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
`#704408` on `#DACDAD`	Aa	5.29:1	AA
`#D09C2F` on `#704408`	Aa	3.37:1	AA large only
`#B74F00` on `#DACDAD`	Aa	3.22:1	AA large only
`#B74F00` on `#D09C2F`	Aa	2.05:1	Fail
`#B74F00` on `#704408`	Aa	1.64:1	Fail
`#D09C2F` on `#DACDAD`	Aa	1.57:1	Fail

Similar palettes 24 more in this mood