Oceanic Descent
A cool, layered expanse where sky meets ocean, captured in the muted light of overcast afternoon.
Psychology
The three blues form a monochromatic progression that recedes naturally into depth, leveraging the principle that cooler, darker tones suggest distance and introspection. Low saturation across all three hues creates a restrained, contemplative mood rather than visual excitement, while the moderate contrast between lightest and darkest provides structure without harshness. This combination signals trustworthiness and clarity, qualities tied to blue's psychological association with stability and calm focus.
Usage
Ideal for corporate identity systems, editorial layouts, and fintech dashboards where sophistication and legibility matter equally. The palette's moderate contrast and cool temperature work well for luxury hospitality branding, professional services websites, and minimalist print collateral that prioritize clarity without warmth. Projects benefiting from subtle depth without drama, or brands seeking composed authority, will find this range especially effective.
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,
#6090bc 0%,
#306692 50%,
#21344a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #6090bc;
--color-gradient-2: #306692;
--color-gradient-3: #21344a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #6090bc; --color-2: #306692; --color-3: #21344a;
Hex values
#6090bc, #306692, #21344a
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Depths Morning
Wisteria Descent
Midnight Pool Glow
Porcelain Depth Study
Slate Reverie Hour
Coastal Porcelain Dawn
Slate Pool Breath
Mineral Spring Dawn
Coastal Pottery Study
