What are the hex codes in the Desert Sienna & Wine palette?

The Desert Sienna & Wine color palette consists of Wine #622814, Sienna #A0552E, Camel #BF9774, Storm #4D6A78.

How should I use the Desert Sienna & Wine palette on a website?

Use Camel #BF9774 as the background, Wine #622814 for text, Sienna #A0552E for buttons and links, and Storm #4D6A78 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Desert Sienna & Wine have enough contrast for text?

The highest-contrast pair is #622814 on #BF9774 with a ratio of 4.31:1, which passes WCAG AA for large text only.

#622814Wine

#A0552ESienna

#BF9774Camel

#4D6A78Storm

Desert Sienna & Wine color palette

Warm Earthy Brown Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Wine	`#622814`	`rgb(98, 40, 20)`	`hsl(15, 66%, 23%)`	`oklch(35.6% 0.090 39)`
Sienna	`#A0552E`	`rgb(160, 85, 46)`	`hsl(21, 55%, 40%)`	`oklch(53.2% 0.112 47)`
Camel	`#BF9774`	`rgb(191, 151, 116)`	`hsl(28, 37%, 60%)`	`oklch(70.5% 0.068 63)`
Storm	`#4D6A78`	`rgb(77, 106, 120)`	`hsl(200, 22%, 39%)`	`oklch(50.7% 0.041 229)`

Why it works and how to use it

Desert Sienna & Wine is a complementary color palette tagged warm, earthy, brown. Wine and Storm sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Sienna takes the lead while the rest support. Lightness runs from 23% to 60%. Well suited to wellness, organic and outdoor brands.

Background: Camel (#BF9774) is the lightest color, so it belongs on large surfaces.
Text: Wine (#622814) on #BF9774 gives 4.31:1, enough for large headings only.
Primary: Sienna (#A0552E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Storm (#4D6A78) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Desert Sienna & Wine

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

#622814

#A0552E

#BF9774

#4D6A78

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
`#622814` on `#BF9774`	Aa	4.31:1	AA large only
`#BF9774` on `#4D6A78`	Aa	2.16:1	Fail
`#622814` on `#A0552E`	Aa	2.09:1	Fail
`#A0552E` on `#BF9774`	Aa	2.06:1	Fail
`#622814` on `#4D6A78`	Aa	1.99:1	Fail
`#A0552E` on `#4D6A78`	Aa	1.05:1	Fail

Similar palettes 24 more in this mood