Indigo Hearth Dusk
Deep cool waters meet warm clay and cream, a moment suspended between twilight and firelight.
Psychology
The cool blue foundation creates psychological depth and trust, while the warm orange and cream tones advance forward, creating visual tension that feels balanced rather than jarring. This complementary contrast activates attention without overwhelming, as the muted saturation and mixed lightness prevent any single color from dominating emotional response. The interplay between cool receding tones and warm advancing tones produces a sophisticated equilibrium that feels both grounded and inviting.
Usage
Effective for heritage brand identity, artisanal ceramics packaging, and editorial publication layouts where sophistication and restraint matter. The high contrast supports clear visual hierarchy in layouts while the balanced temperature profile suits projects targeting both professional and warm, inviting contexts. Works particularly well for luxury home goods, vintage-inspired fashion, and cultural institution branding seeking measured elegance.
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,
#1e3a5f 0%,
#4a7fa7 25%,
#aecbd6 50%,
#f4d7b5 75%,
#e8926b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1e3a5f;
--color-gradient-2: #4a7fa7;
--color-gradient-3: #aecbd6;
--color-gradient-4: #f4d7b5;
--color-gradient-5: #e8926b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1e3a5f; --color-2: #4a7fa7; --color-3: #aecbd6; --color-4: #f4d7b5; --color-5: #e8926b;
Hex values
#1e3a5f, #4a7fa7, #aecbd6, #f4d7b5, #e8926b
Building something? Get this palette via the REST API.
History
Similar palettes
Abyssal Hearth
Wheat Field Glow
Porcelain Twilight
Indigo Hour Study
Sorbet Afternoon
Caramel Linen Hour
Midnight Brass
Buttercream Lagoon
Teal Linen Afternoon
