What are the hex codes in the Caramel & Sienna Glow palette?

The Caramel & Sienna Glow color palette consists of Wheat #FFD9A8, Caramel #CA8800, Sienna #9A6200, Espresso #4A2A00.

How should I use the Caramel & Sienna Glow palette on a website?

Use Wheat #FFD9A8 as the background, Espresso #4A2A00 for text, Caramel #CA8800 for buttons and links, and Sienna #9A6200 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wheat on Espresso at 9.7:1.

Which colors in Caramel & Sienna Glow have enough contrast for text?

The highest-contrast pair is #FFD9A8 on #4A2A00 with a ratio of 9.7:1, which passes WCAG AA for normal text.

#FFD9A8Wheat

#CA8800Caramel

#9A6200Sienna

#4A2A00Espresso

Caramel & Sienna Glow color palette

Skin Tone Warm Earthy Beige Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Wheat	`#FFD9A8`	`rgb(255, 217, 168)`	`hsl(34, 100%, 83%)`	`oklch(90.6% 0.076 74)`
Caramel	`#CA8800`	`rgb(202, 136, 0)`	`hsl(40, 100%, 40%)`	`oklch(67.7% 0.143 75)`
Sienna	`#9A6200`	`rgb(154, 98, 0)`	`hsl(38, 100%, 30%)`	`oklch(54.4% 0.117 71)`
Espresso	`#4A2A00`	`rgb(74, 42, 0)`	`hsl(34, 100%, 15%)`	`oklch(31.9% 0.071 67)`

Why it works and how to use it

Caramel & Sienna Glow is a vivid monochromatic color palette tagged skin tone, warm, earthy. All four colors sit within 6° 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, Caramel takes the lead while the rest support. Lightness runs from 15% to 83%. Well suited to wellness, organic and outdoor brands.

Background: Wheat (#FFD9A8) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#4A2A00) on #FFD9A8 gives 9.7:1, passing WCAG AAA.
Primary: Caramel (#CA8800) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Sienna (#9A6200) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wheat on Espresso at 9.7:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Caramel & Sienna Glow

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

#FFD9A8

#CA8800

#9A6200

#4A2A00

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
`#FFD9A8` on `#4A2A00`	Aa	9.7:1	AAA
`#CA8800` on `#4A2A00`	Aa	4.34:1	AA large only
`#FFD9A8` on `#9A6200`	Aa	3.82:1	AA large only
`#9A6200` on `#4A2A00`	Aa	2.54:1	Fail
`#FFD9A8` on `#CA8800`	Aa	2.24:1	Fail
`#CA8800` on `#9A6200`	Aa	1.71:1	Fail

Similar palettes 24 more in this mood