Tidepool Serenity
Cool depths meeting frosted light, a balanced immersion in calm waters and neutral stillness.
Psychology
The monochromatic teal progression from deep to pale creates visual depth while remaining cohesive, preventing visual chaos despite high contrast. Cool hues throughout evoke psychological calm and trust, while the neutral gray mid-tone grounds the palette and reduces intensity. The shift from dark saturated teals to bright, low-chroma teal and gray signals stability rather than excitement, encouraging focus and contemplation.
Usage
This palette excels in tech product interfaces, wellness app design, and corporate identity systems where trust and clarity matter equally. Environmental nonprofit branding, medical practice websites, and spa packaging benefit from the cool temperature and balanced contrast that suggests professionalism without coldness. Editorial layouts, data visualization dashboards, and minimalist publication design leverage the high contrast for readability while the monochromatic harmony maintains visual cohesion across complex information.
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,
#19555c 0%,
#236d83 25%,
#369e95 50%,
#b4c3c1 75%,
#c5f9fd 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #19555c;
--color-gradient-2: #236d83;
--color-gradient-3: #369e95;
--color-gradient-4: #b4c3c1;
--color-gradient-5: #c5f9fd;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #19555c; --color-2: #236d83; --color-3: #369e95; --color-4: #b4c3c1; --color-5: #c5f9fd;
Hex values
#19555c, #236d83, #369e95, #b4c3c1, #c5f9fd
Building something? Get this palette via the REST API.
History
Similar palettes
Mineral Spring Dawn
Coastal Linen Study
Coastal Porcelain Dawn
Coastal Depths Morning
Jade Hour Glow
Shallow Waters
Midnight Pool Glow
Periwinkle Linen Study
Pastel Lagoon Study