Ember & Toast
Toasted earth deepening to rich chocolate, then opening to warm sand and cream in soft, layered light.
Psychology
The monochromatic red-orange progression creates visual unity while the high contrast between dark and light generates immediate visual interest and depth perception. Warm tones across all four colors evoke comfort and approachability, while the shift from deep brown-red through mid-tones to cream suggests gradual warmth rather than intensity, producing a balanced emotional response that feels grounded and inviting without overwhelming.
Usage
This palette excels for artisanal food packaging, heritage craft branding, and editorial layouts where warmth and sophistication matter equally. Projects featuring natural material textures, leather goods, or handmade goods benefit from the palette's ability to communicate both depth and accessibility through its layered warm tones. The high contrast ensures readability in print and digital contexts while maintaining the earthy, tactile mood.
Code
CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
90deg,
#542214 0%,
#845444 33%,
#c48173 67%,
#f8bca1 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #542214;
--color-gradient-2: #845444;
--color-gradient-3: #c48173;
--color-gradient-4: #f8bca1;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #542214; --color-2: #845444; --color-3: #c48173; --color-4: #f8bca1;
Hex values
#542214, #845444, #c48173, #f8bca1
Building something? Get this palette via the REST API.
History
Similar palettes
Kiln Fired Afternoon
Russet Orchard Noon
Forge & Honey
Flamingo Hour
Caramel Linen Hour
Brick Blush Dusk
Kiln Ember Dusk
Wheat Field Glow
Toasted Grain Hour