Midnight Cascade
Deep water fading into silk, where cool darkness meets luminous calm in gradual, layered transitions.
Psychology
The palette exploits cool color temperature across a wide lightness range, creating visual depth without warmth or aggression. Dark blues anchor perception and convey trust and stability, while the progression toward periwinkle introduces gentle complexity that prevents monotony. High contrast between the darkest and lightest values draws attention without inducing tension, leveraging the principle that cool hues recede psychologically, producing calm rather than stimulation.
Usage
Effective for luxury skincare branding, editorial design layouts, and fintech app interfaces where sophistication and trustworthiness are paramount. The palette's mixed lightness supports layered typography hierarchies and subtle visual rhythm in print and digital contexts. Best suited to projects requiring professional polish combined with visual intrigue, avoiding overly warm or chaotic palettes.
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,
#11404e 0%,
#286893 25%,
#6388b8 50%,
#909dd5 75%,
#d4cff9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #11404e;
--color-gradient-2: #286893;
--color-gradient-3: #6388b8;
--color-gradient-4: #909dd5;
--color-gradient-5: #d4cff9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #11404e; --color-2: #286893; --color-3: #6388b8; --color-4: #909dd5; --color-5: #d4cff9;
Hex values
#11404e, #286893, #6388b8, #909dd5, #d4cff9
Building something? Get this palette via the REST API.
History
Similar palettes
Teal Depths Nocturne
Wisteria Descent
Jade Hour Glow
Electric Dusk
Periwinkle Linen Study
Electric Fjord
Neon Descent Study
Pastel Lagoon Study
Porcelain Drift