Theme palettes • Reviewed October 25, 2026
Warm Terracotta: Earthy Mediterranean Palette for Lifestyle & E-Commerce
An earthy, grounded palette evoking Mediterranean ceramics, warm stucco, and olive groves for luxury e-commerce and wellness branding.
Steering away from cold tech blues, the Warm Terracotta palette connects digital products to organic warmth, hospitality, and artisanal craftsmanship.
| Color Name | Hex Code | Lightness / Chroma | Application in UI |
|---|---|---|---|
| Stucco Cream | #FAF6F0 | oklch(0.97 0.01 75) | Primary light-mode website background |
| Baked Clay Terracotta | #C85A32 | oklch(0.55 0.16 42) | Hero primary CTA buttons and highlights |
| Espresso Roast | #2D221E | oklch(0.25 0.02 45) | High-contrast editorial typography |
| Tuscan Olive | #6A7052 | oklch(0.51 0.05 125) | Secondary badges, icons, and tags |
Warm Neutral Backdrops for Product Imagery
The subtle warm undertone of Stucco Cream (#FAF6F0) provides an inviting canvas for food, fashion, and home goods photography compared to sterile pure white (#FFFFFF).
Frequently asked questions
- What is the contrast ratio between Espresso Roast and Stucco Cream?
- Espresso Roast (#2D221E) on Stucco Cream (#FAF6F0) delivers a 12.8:1 contrast ratio, easily surpassing WCAG AAA requirements.
Sources and references
More in Website palettes
- Modern B2B SaaS Indigo & Slate Design System Palette
- FinTech Emerald & Forest Green Institutional Wealth Palette
- Digital Health & Clinical Wellness Ocean Teal Palette
- Minimalist Editorial & Publishing Monochrome Slate Palette
- Cybersecurity & DevSecOps Crimson & Obsidian Dark Mode Palette
- Modern Direct-to-Consumer (D2C) Warm Amber & Terracotta Palette