warmearthy
Desert Clay Color Palette
Desert Clay is a warm and earthy color palette of 5 colors: Sepia (#6b4226), Sienna (#a0522d), Chocolate (#d2691e), Burly Wood (#e9b872) and Champagne (#f5e6cc). Its dominant hue is orange.
The darkest color, Sepia, on the lightest, Champagne, gives a 7.01:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Chocolate (#d2691e) is its most saturated color and a natural choice for buttons and links.
Colors
- Sepia
- Sienna
- Chocolate
- Burly Wood
- Champagne
CSS Output
:root {
--desert-clay-1: #6b4226;
--desert-clay-2: #a0522d;
--desert-clay-3: #d2691e;
--desert-clay-4: #e9b872;
--desert-clay-5: #f5e6cc;
}Desert Clay on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Sepia on Champagne#6b4226 on #f5e6cc7.01:1AAA
- Sepia on Burly Wood#6b4226 on #e9b8724.75:1AA
- Sienna on Champagne#a0522d on #f5e6cc4.56:1AA
- Sienna on Burly Wood#a0522d on #e9b8723.09:1AA Large