Honey Hearth Dusk
Warm earth tones layered from pale honey through deep chocolate, evoking the glow of a banked fire against terracotta clay.
Psychology
The progression from pale yellow to deep burgundy creates high visual contrast that commands attention while remaining grounded in warm hue families, which psychologically advance and generate approachability rather than tension.
Orange and red undertones trigger associations with hearth, harvest, and natural materials, fostering feelings of security and authenticity that outweigh the palette's inherent boldness.
The moderate saturation levels across most colors prevent overstimulation, allowing the contrast to feel dramatic yet harmonious rather than jarring.
Orange and red undertones trigger associations with hearth, harvest, and natural materials, fostering feelings of security and authenticity that outweigh the palette's inherent boldness.
The moderate saturation levels across most colors prevent overstimulation, allowing the contrast to feel dramatic yet harmonious rather than jarring.
Usage
Ideal for artisanal food packaging, heritage brand identities, and interior design accent schemes where warmth and sophistication must coexist without visual noise.
Luxury textile catalogs, editorial mastheads, and craft pottery studios benefit from the palette's ability to convey tradition and handmade quality through its ochre and chocolate foundations.
Projects requiring high contrast without coldness, such as restaurant menus or lifestyle photography backdrops, leverage this palette's balanced temperature to draw engagement while maintaining approachable warmth.
Luxury textile catalogs, editorial mastheads, and craft pottery studios benefit from the palette's ability to convey tradition and handmade quality through its ochre and chocolate foundations.
Projects requiring high contrast without coldness, such as restaurant menus or lifestyle photography backdrops, leverage this palette's balanced temperature to draw engagement while maintaining approachable warmth.
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,
#fce5bb 0%,
#d79e69 25%,
#b4795a 50%,
#7d443a 75%,
#461b22 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #fce5bb;
--color-gradient-2: #d79e69;
--color-gradient-3: #b4795a;
--color-gradient-4: #7d443a;
--color-gradient-5: #461b22;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #fce5bb; --color-2: #d79e69; --color-3: #b4795a; --color-4: #7d443a; --color-5: #461b22;
Hex values
#fce5bb, #d79e69, #b4795a, #7d443a, #461b22
Building something? Get this palette via the REST API.
History
Similar palettes
Kiln Ember Dusk
Biscuit Porcelain Hour
Abyssal Hearth
Flamingo Hour
Terracotta Sunrise
Blackberry Bakery Noon
Honeycomb Afternoon
Caramel Linen Hour
Wheat Field Glow