Roasted Sage Hour
Warm earth meets cool green in a palette of filtered light, textured and grounded like late-season garden soil.
Psychology
The palette anchors itself in warm, muted earth tones that advance visually, while cool greens recede, creating spatial depth without jarring contrast. The low chromatic saturation across all five colors signals restraint and contemplation, evoking the sensory experience of natural materials aged by time. This balance between warm and cool—with green as the dominant family—produces a grounding effect that feels both alive and introspective.
Usage
Effective for organic skincare and wellness packaging, where earthy cappuccino suggests natural ingredients while soft greens communicate growth and renewal. Farm-to-table restaurant branding and menus benefit from the palette's authentic, harvest-inspired warmth tempered by botanical freshness. Interior design and textile collections leverage the moderate contrast to create sophisticated, livable spaces that feel both curated and effortlessly natural.
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,
#754a36 0%,
#8d764b 25%,
#939c5f 50%,
#a6cc96 75%,
#b8deb7 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #754a36;
--color-gradient-2: #8d764b;
--color-gradient-3: #939c5f;
--color-gradient-4: #a6cc96;
--color-gradient-5: #b8deb7;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #754a36; --color-2: #8d764b; --color-3: #939c5f; --color-4: #a6cc96; --color-5: #b8deb7;
Hex values
#754a36, #8d764b, #939c5f, #a6cc96, #b8deb7
Building something? Get this palette via the REST API.
History
Similar palettes
Wheat & Clover Dawn
Terracotta Greenhouse Rest
Celadon Reverie
Caramel Linen Hour
Wheat Field Glow
Teal Linen Afternoon
Abyssal Hearth
Forge & Honey
Kiln Ember Dusk