Glacier Passage Study
Cool depths shifting toward light, like twilight water reflecting the first stars through frosted glass.
Psychology
The progression from deep cool navy to soft periwinkle creates visual receding, drawing the eye inward before lifting toward the lighter tones. This cool blue-to-purple pathway triggers associations with calm, introspection, and refined clarity, while the moderate contrast prevents visual fatigue and maintains a contemplative rather than stimulating response. The color family's low saturation signals trust and sophistication, anchoring the palette in understated elegance rather than urgency.
Usage
Ideal for luxury skincare branding, architectural photography portfolios, and minimalist editorial layouts where cool restraint communicates quality. Projects requiring a calm, professional atmosphere benefit from this progression, particularly fintech interfaces, literary publication covers, and high-end fabric collections. The balanced lightness range supports both dark mode design systems and print applications where depth and clarity are equally valued.
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%,
#28658e 25%,
#5f8bd1 50%,
#9aacf4 75%,
#cdc4f8 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #11404e;
--color-gradient-2: #28658e;
--color-gradient-3: #5f8bd1;
--color-gradient-4: #9aacf4;
--color-gradient-5: #cdc4f8;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #11404e; --color-2: #28658e; --color-3: #5f8bd1; --color-4: #9aacf4; --color-5: #cdc4f8;
Hex values
#11404e, #28658e, #5f8bd1, #9aacf4, #cdc4f8
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Teal Depths Nocturne
Periwinkle Linen Study
Jade Hour Glow
Electric Dusk
Pastel Lagoon Study
Porcelain Drift
Silk Hour Reverie
Twilight Alchemy