Indigo Threshold Dusk
Cool shadows deepening into soft luminescence, like light passing through twilight silk and stone.
Psychology
The progression from deep marine to periwinkle creates visual depth while maintaining cool temperature throughout, producing a sense of calm focus rather than tension. Low saturation in the lighter purples signals sophistication and restraint, while the high contrast between darkest and lightest tones draws the eye without jarring it. Cool analogous harmony promotes psychological ease, making viewers feel anchored rather than stimulated.
Usage
Ideal for luxury skincare packaging, editorial typography layouts, and high-end tech interfaces where trust and refinement matter more than energy. Projects requiring sophisticated branding for finance or wellness sectors benefit from the palette's balanced cool tones and restrained chroma. The strong contrast works well in print collateral and digital backgrounds where legibility and visual hierarchy need to feel effortless rather than aggressive.
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,
#0b3060 0%,
#3d5483 25%,
#6f77b1 50%,
#a1a5ed 75%,
#d8cff9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0b3060;
--color-gradient-2: #3d5483;
--color-gradient-3: #6f77b1;
--color-gradient-4: #a1a5ed;
--color-gradient-5: #d8cff9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0b3060; --color-2: #3d5483; --color-3: #6f77b1; --color-4: #a1a5ed; --color-5: #d8cff9;
Hex values
#0b3060, #3d5483, #6f77b1, #a1a5ed, #d8cff9
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Teal Depths Nocturne
Silk Hour Reverie
Twilight Alchemy
Periwinkle Linen Study
Jade Hour Glow
Lavender Milk Hour
Electric Dusk
Pastel Lagoon Study