Cobalt Twilight Ascent
Cool, layered tones that drift from deep water into soft twilight, evoking calm sophistication and measured depth.
Psychology
The palette progresses from dark, saturated blues through mid-tone cooler hues into lighter, desaturated purples, creating depth without drama. Cool hues across all five colors activate the parasympathetic nervous system, promoting calm focus and trust. The analogous harmony between blue and purple families produces visual coherence while the gradual lightness shift adds subtle forward movement, balancing stasis with progression.
Usage
Ideal for luxury brand identity systems, editorial design layouts, and fashion lookbooks where sophistication and restraint are valued over contrast. The moderate, cool palette suits tech startup branding, meditation app interfaces, and high-end beauty packaging where trust and clarity matter more than visual excitement. The balanced mid-range tones work well for corporate presentations and literary magazine spreads that require legibility alongside 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,
#264377 0%,
#4962a5 25%,
#7881d7 50%,
#ab93e7 75%,
#d3b4f7 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #264377;
--color-gradient-2: #4962a5;
--color-gradient-3: #7881d7;
--color-gradient-4: #ab93e7;
--color-gradient-5: #d3b4f7;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #264377; --color-2: #4962a5; --color-3: #7881d7; --color-4: #ab93e7; --color-5: #d3b4f7;
Hex values
#264377, #4962a5, #7881d7, #ab93e7, #d3b4f7
Building something? Get this palette via the REST API.
History
Similar palettes
Teal Depths Nocturne
Wisteria Descent
Twilight Alchemy
Jade Hour Glow
Electric Dusk
Periwinkle Linen Study
Silk Hour Reverie
Neon Bloom Dusk
Neon Descent Study