Cocoa Ember Rise
Warm earth tones layered from pale honey to deep burgundy, evoking sunbaked clay and smoldering embers at golden hour.
Psychology
The palette moves from light to dark across the warm spectrum, creating visual depth while maintaining high contrast that commands attention without harshness. Orange-red hues naturally advance and evoke comfort and earthiness, while the deep plum anchor grounds the composition with sophistication. The muted saturation prevents the warmth from becoming aggressive, instead suggesting authenticity and time-worn materials.
Usage
Strong across artisanal food packaging, heritage brand identity systems, and editorial layouts for lifestyle publications. The high contrast between light and dark tones ensures legibility for print collateral while the warm palette conveys craftsmanship and tradition. Equally effective for interior accent walls, leather goods branding, and coffee table book covers.
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,
#dbbd84 0%,
#a38974 25%,
#9c6a4d 50%,
#6e3a2f 75%,
#3f1e22 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #dbbd84;
--color-gradient-2: #a38974;
--color-gradient-3: #9c6a4d;
--color-gradient-4: #6e3a2f;
--color-gradient-5: #3f1e22;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #dbbd84; --color-2: #a38974; --color-3: #9c6a4d; --color-4: #6e3a2f; --color-5: #3f1e22;
Hex values
#dbbd84, #a38974, #9c6a4d, #6e3a2f, #3f1e22
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