Twilight Silk Hour
Cool shadows deepening into luminous mauve, like silk catching light through storm clouds at dusk.
Psychology
The palette pairs deep, saturated blues that recede visually with lighter purples that advance, creating spatial tension and visual rhythm. This high-contrast analogous progression builds psychological momentum, drawing the eye through layers of increasing lightness while maintaining coolness throughout. The shift from navy through mid-tone blue into purple territory activates a sense of sophisticated depth, triggering associations with luxury and contemplation rather than passivity.
Usage
Deploy across high-end cosmetics packaging, luxury fashion lookbooks, and editorial magazine spreads where depth and visual sophistication matter. The bold contrast and cool temperature excel in premium alcohol branding and tech startup identity systems that need to convey intelligence without coldness. The analogous purple-blue harmony works exceptionally well in interior design mood boards and art direction for moody, cinematic storytelling.
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,
#0b2a82 0%,
#384caa 25%,
#7d7ae1 50%,
#ae8cde 75%,
#e8b9f8 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0b2a82;
--color-gradient-2: #384caa;
--color-gradient-3: #7d7ae1;
--color-gradient-4: #ae8cde;
--color-gradient-5: #e8b9f8;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0b2a82; --color-2: #384caa; --color-3: #7d7ae1; --color-4: #ae8cde; --color-5: #e8b9f8;
Hex values
#0b2a82, #384caa, #7d7ae1, #ae8cde, #e8b9f8
Building something? Get this palette via the REST API.
History
Similar palettes
Twilight Alchemy
Jade Hour Glow
Wisteria Descent
Silk Hour Reverie
Electric Dusk
Midnight Brass
Neon Descent Study
Neon Bloom Dusk
Lavender Milk Hour