Periwinkle Depth Study
Cool, layered blues unfold like mist lifting from still water, soft yet anchored by deep shadows.
Psychology
The analogous blue-to-teal progression creates visual cohesion while the high contrast between light tones and the dark anchor (#303558) generates subtle tension without aggression. Cool hues across the entire palette evoke tranquility and distance, a quality enhanced by low saturation that prevents overstimulation, while the mixed lightness profile encourages the eye to move between focal points.
Usage
Ideal for minimalist web interfaces, luxury spa branding, and editorial layouts where calm sophistication is essential. The palette excels in projects requiring restraint and depth, such as meditation app design, architectural photography presentations, and high-end fabric or wallpaper collections that prioritize texture over novelty.
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,
#9dc3d6 0%,
#bae6dd 25%,
#939bca 50%,
#596591 75%,
#303558 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #9dc3d6;
--color-gradient-2: #bae6dd;
--color-gradient-3: #939bca;
--color-gradient-4: #596591;
--color-gradient-5: #303558;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #9dc3d6; --color-2: #bae6dd; --color-3: #939bca; --color-4: #596591; --color-5: #303558;
Hex values
#9dc3d6, #bae6dd, #939bca, #596591, #303558
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Coastal Porcelain Dawn
Pastel Lagoon Study
Mineral Spring Dawn
Coastal Inlet Calm
Coastal Depths Morning
Jade Hour Glow
Shallow Waters
Midnight Pool Glow