Tidal Depth Study
Cool depth shifting to soft light, like watching sky reflect off still water at dawn.
Psychology
The palette moves from deep teal through mid-tone blue to pale periwinkle, creating visual depth while maintaining chromatic unity through cool temperature. This progression from saturated to desaturated hues triggers a sense of receding calm, as cool tones are neurologically associated with lower arousal and trust. The moderate contrast avoids visual strain while the triadic structure provides subtle visual interest without tension.
Usage
Ideal for SaaS dashboards, luxury wellness branding, and editorial layouts where serene professionalism is required. Works particularly well in tech product interfaces, minimalist publishing, and high-end hospitality design where the cool palette signals trustworthiness and sophistication without warmth or drama. The mixed lightness range supports data visualization, nested information hierarchies, and atmospheric photography where depth and hierarchy matter more than bold distinction.
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,
#1b5a48 0%,
#267481 25%,
#3b92d8 50%,
#a4b9f6 75%,
#dadffc 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1b5a48;
--color-gradient-2: #267481;
--color-gradient-3: #3b92d8;
--color-gradient-4: #a4b9f6;
--color-gradient-5: #dadffc;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1b5a48; --color-2: #267481; --color-3: #3b92d8; --color-4: #a4b9f6; --color-5: #dadffc;
Hex values
#1b5a48, #267481, #3b92d8, #a4b9f6, #dadffc
Building something? Get this palette via the REST API.
History
Similar palettes
Teal Depths Nocturne
Coastal Porcelain Dawn
Coastal Depths Morning
Mineral Spring Dawn
Coastal Inlet Calm
Jade Hour Glow
Slate Pool Breath
Shallow Waters
Coastal Linen Study