Deep Canyon Clay
Sedimentary sandstone and desert canyon color scheme inspired by Southwestern red rock formations.
#Nature#Earthy
COLOR 1
#3D1E16
Dark Chocolate
COLOR 2
#773828
Cedar
COLOR 3
#B85D3F
Pottery Red
COLOR 4
#DD9675
Dark Salmon
COLOR 5
#F6DCC9
Apricot Ice
Suitable Design Applications
Southwestern CeramicistsTerracotta Home DecorDesert Hiking JournalsArtisan Rug Weavers
Visual Psychology & Mood
Earthy resilience, artisanal authenticity, and desert peace.
Editorial Application Advice
Sunbaked adobe clay, oxidized iron sandstone, and dusty desert sage. Grounded in ancient geologic strata.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #3D1E16;
--color-2: #773828;
--color-3: #B85D3F;
--color-4: #DD9675;
--color-5: #F6DCC9;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#3D1E16 on #DD96756.23:1
Normal Text AA Pass
Sample Text
#3D1E16 on #F6DCC911.46:1
Normal Text AA Pass
Sample Text
#773828 on #DD96753.65:1
Large Text Only (Pass)
Sample Text
#773828 on #F6DCC96.72:1
Normal Text AA Pass
Sample Text
#B85D3F on #DD96751.86:1
Large Text Only (Fail)
Sample Text
#B85D3F on #F6DCC93.42:1
Large Text Only (Pass)
Related Palettes in Nature
Explore NatureFrequently Asked Questions About Deep Canyon Clay
Production design guidance and accessibility rules for applying the Deep Canyon Clay (Nature) color palette.
What is the recommended role hierarchy for the Deep Canyon Clay palette?
In digital interface design, allocate #3D1E16 and #F6DCC9 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #773828 or #B85D3F as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Deep Canyon Clay WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Deep Canyon Clay palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.