Indigo Hour Study
Deep shadows anchor warm spice and cool water, creating a scene of quiet intensity and grounded warmth.
Psychology
The deep black foundation grounds the palette with visual weight, while the complementary pairing of cool blue and warm pink-gold creates dynamic tension that feels deliberate rather than chaotic.
High contrast between dark and light values demands attention without aggression, and the warm yellow mediates between cool and warm families, preventing any single temperature from dominating.
This balance produces a response that is both confident and composed, suitable for luxury and editorial contexts.
High contrast between dark and light values demands attention without aggression, and the warm yellow mediates between cool and warm families, preventing any single temperature from dominating.
This balance produces a response that is both confident and composed, suitable for luxury and editorial contexts.
Usage
This palette excels in wine and spirits branding, editorial magazine layouts, and artisan craft packaging where high contrast and sophisticated restraint signal quality.
Projects with dramatic lighting needs, such as restaurant identity systems and luxury interior styling, benefit from the interplay between deep anchors and warm highlights.
The complementary harmony reads particularly well in fashion lookbooks and gallery catalogs where mood and visual hierarchy are essential.
Projects with dramatic lighting needs, such as restaurant identity systems and luxury interior styling, benefit from the interplay between deep anchors and warm highlights.
The complementary harmony reads particularly well in fashion lookbooks and gallery catalogs where mood and visual hierarchy are essential.
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,
#0f0f0f 0%,
#3b77bb 33%,
#d84d59 67%,
#e8b06a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0f0f0f;
--color-gradient-2: #3b77bb;
--color-gradient-3: #d84d59;
--color-gradient-4: #e8b06a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0f0f0f; --color-2: #3b77bb; --color-3: #d84d59; --color-4: #e8b06a;
Hex values
#0f0f0f, #3b77bb, #d84d59, #e8b06a
Building something? Get this palette via the REST API.
History
Similar palettes
Roasted Almond Bloom
Sorbet Afternoon
Midnight Brass
Blackberry Bakery Noon
Terracotta Sunrise
Coral Tide Study
Velvet Bakery Rest
Silk Hour Reverie
Twilight Alchemy
