Midnight Archive
The quiet depth of still water at dusk, where light fades into muted shadow and cool air settles.
Psychology
Both colors inhabit the cool blue family, with the lighter Starry Night anchoring a mid-tone presence while Blue Whale recedes into shadow, creating visual depth without jarring contrast. The low saturation and monochromatic harmony activate the brain's parasympathetic nervous system, lowering arousal and fostering introspection. This palette leverages the principle that cool, muted tones recede psychologically, making viewers feel drawn inward rather than outward.
Usage
Ideal for law firm websites, academic publishing layouts, and luxury watch branding, where restraint and gravitas matter more than vibrancy. Projects seeking a contemplative, trustworthy mood benefit from this palette's low contrast and cool temperature, which signal stability without coldness. Apply to financial services dashboards, literary magazine covers, and minimalist interior styling where sophistication depends on understatement rather than saturation.
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,
#306692 0%,
#21344a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #306692;
--color-gradient-2: #21344a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #306692; --color-2: #21344a;
Hex values
#306692, #21344a
Building something? Get this palette via the REST API.
History
Similar palettes
Slate Reverie Hour
Frosted Periwinkle Pool
Deep Water Study
Coastal Linen Study
Snowmelt Lagoon
Wisteria Descent
Silk & Strawberry
Periwinkle Linen Study
Porcelain Depth Study
