Desert Light
Sun-baked clay, cream, and copper tones. Explore how the five swatches behave in a realistic interface before taking them into your project.
How to use this palette
Suggested projects
Hospitality sites, homeware galleries and artisan product storytelling.
Composition tip
Place photography against cream instead of filling every card with clay. Use dark cocoa for text and burnt sienna for featured actions.
Contrast caution
Mid-tone terracotta and apricot can look similar at small sizes. Reinforce selected states with borders or icons.
Identify which colors are genuinely darkest and lightest before assigning roles. Darker swatches often work well for text, while lighter tones can create breathing room. A middle swatch can start as an accent—not an automatically accessible button color. The same five colors can produce very different designs depending on how much area each receives.
Contrast example
Highest-contrast pair in this palette: #463026 on #FFFBF5 · 11.90:1 · passes the WCAG AA 4.5:1 threshold for normal text.
This shows the best text/background pairing among these five swatches, not a guarantee for every possible pairing. Test smaller labels, links, disabled states and focus indicators separately.
Open this exact pair in Contrast Checker →Palette in a real layout
A balanced UI mapping with neutral surfaces and palette-derived accents, shown in four interactive examples. Adjust roles in Theme Studio for your own project.
Make room
for better
ideas.
We shape distinctive brands and digital experiences with thoughtful design and a human point of view.
Creative by design — Est. 2026
attention ↗
More meaning.
A visual language built for the things people actually use.
Copy implementation tokens
:root {
--palette-1: #463026;
--palette-2: #B36A46;
--palette-3: #E8A979;
--palette-4: #F4DBC5;
--palette-5: #FFFBF5;
}