Abyssal Calm
Cool, measured depths that evoke stillness in quiet water and the soft luminescence of twilight.
Psychology
The progression from light to dark cool tones creates visual depth without agitation, with each step receding gently into shadow. Low saturation across the palette signals restraint and composure, invoking a meditative rather than stimulating response. The dominance of blue and teal, cooler hues that naturally recede, anchors the viewer in contemplation rather than excitement.
Usage
This palette suits luxury wellness branding, minimalist app interfaces, and editorial photography where calm authority is required. The moderate contrast and cool temperature work well for financial services websites, high-end spa packaging, and atmospheric travel photography where sophistication and trustworthiness matter more than energy. Projects demanding quiet confidence and understated elegance benefit most from its balanced, non-aggressive chromatic range.
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,
#9cafdc 0%,
#6f94be 25%,
#4482a7 50%,
#246f83 75%,
#164c50 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #9cafdc;
--color-gradient-2: #6f94be;
--color-gradient-3: #4482a7;
--color-gradient-4: #246f83;
--color-gradient-5: #164c50;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #9cafdc; --color-2: #6f94be; --color-3: #4482a7; --color-4: #246f83; --color-5: #164c50;
Hex values
#9cafdc, #6f94be, #4482a7, #246f83, #164c50
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Porcelain Dawn
Coastal Depths Morning
Mineral Spring Dawn
Midnight Pool Glow
Periwinkle Linen Study
Jade Hour Glow
Slate Pool Breath
Shallow Waters
Coastal Linen Study
