Azure Depth Hour
Cool light filtered through clear water, soft and immersive, like standing beneath an open sky reflected on a calm surface.
Psychology
The monochromatic blue progression creates visual coherence while the lighter tones (Hawaii Morning, Vaporwave Blue) offer breathing room, preventing monotony through subtle value shifts. Cool hues naturally evoke tranquility and trust, while the moderate contrast maintains visual interest without inducing tension or fatigue. This palette leverages the recessive quality of blue to establish depth and space, making it psychologically restful for sustained viewing.
Usage
Ideal for SaaS dashboards and fintech applications where clarity and calm focus are essential, luxury resort websites emphasizing peaceful retreat, and minimalist fashion lookbooks requiring cool sophistication. Projects benefiting from moderate contrast and light-dominant palettes include editorial photography styling, app interface design, and wellness brand identity systems where trust and serenity drive user perception.
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,
#3291c3 0%,
#4ba6c6 14%,
#549dd6 29%,
#72c8f6 43%,
#68b7de 57%,
#8ce4f9 71%,
#2877a2 86%,
#226a8a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #3291c3;
--color-gradient-2: #4ba6c6;
--color-gradient-3: #549dd6;
--color-gradient-4: #72c8f6;
--color-gradient-5: #68b7de;
--color-gradient-6: #8ce4f9;
--color-gradient-7: #2877a2;
--color-gradient-8: #226a8a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #3291c3; --color-2: #4ba6c6; --color-3: #549dd6; --color-4: #72c8f6; --color-5: #68b7de; --color-6: #8ce4f9; --color-7: #2877a2; --color-8: #226a8a;
Hex values
#3291c3, #4ba6c6, #549dd6, #72c8f6, #68b7de, #8ce4f9, #2877a2, #226a8a
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Depths Morning
Mineral Spring Dawn
Midnight Pool Glow
Misty Lagoon Hour
Jade Hour Glow
Slate Pool Breath
Shallow Waters
Coastal Porcelain Dawn
Frosted Meadow
