What are the hex codes in the Champagne Sienna & Juniper palette?

The Champagne Sienna & Juniper color palette consists of Bone #DED9D3, Ash #B9BDB3, Sienna #995D31, Juniper #495744.

How should I use the Champagne Sienna & Juniper palette on a website?

Use Bone #DED9D3 as the background, Juniper #495744 for text, Sienna #995D31 for buttons and links, and Ash #B9BDB3 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Juniper at 5.48:1.

Which colors in Champagne Sienna & Juniper have enough contrast for text?

The highest-contrast pair is #DED9D3 on #495744 with a ratio of 5.48:1, which passes WCAG AA for normal text.

#DED9D3Bone

#B9BDB3Ash

#995D31Sienna

#495744Juniper

Champagne Sienna & Juniper color palette

Muted Gray Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Bone	`#DED9D3`	`rgb(222, 217, 211)`	`hsl(33, 14%, 85%)`	`oklch(88.8% 0.010 73)`
Ash	`#B9BDB3`	`rgb(185, 189, 179)`	`hsl(84, 7%, 72%)`	`oklch(79.2% 0.015 125)`
Sienna	`#995D31`	`rgb(153, 93, 49)`	`hsl(25, 51%, 40%)`	`oklch(53.7% 0.098 55)`
Juniper	`#495744`	`rgb(73, 87, 68)`	`hsl(104, 12%, 30%)`	`oklch(43.9% 0.035 138)`

Why it works and how to use it

Champagne Sienna & Juniper is a muted neutral-based color palette tagged muted, gray, brown. Built almost entirely from neutrals, with Sienna (#995D31) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

It works because the lightness range is wide (30% to 85%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Background: Bone (#DED9D3) is the lightest color, so it belongs on large surfaces.
Text: Juniper (#495744) on #DED9D3 gives 5.48:1, passing WCAG AA.
Primary: Sienna (#995D31) is the most saturated mid-tone; use it for buttons and links (3.78:1 against the background, fine for UI elements).
Accent: Ash (#B9BDB3) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Juniper at 5.48:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Champagne Sienna & Juniper

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

#DED9D3

#B9BDB3

#995D31

#495744

Color-blind check: under protanopia, Sienna and Juniper become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#DED9D3` on `#495744`	Aa	5.48:1	AA
`#B9BDB3` on `#495744`	Aa	4.03:1	AA large only
`#DED9D3` on `#995D31`	Aa	3.78:1	AA large only
`#B9BDB3` on `#995D31`	Aa	2.77:1	Fail
`#995D31` on `#495744`	Aa	1.45:1	Fail
`#DED9D3` on `#B9BDB3`	Aa	1.36:1	Fail

Similar palettes 24 more in this mood