Tidepool Twilight
The cool depth of still water catching fading light, layered from shadow to luminous surface.
Psychology
The three teal tones create visual depth through monochromatic progression, with cool hues evoking clarity and introspection rather than warmth. High contrast between the darkest and lightest values commands attention while the unified cool temperature maintains cohesion, preventing the palette from feeling jarring or scattered. Low saturation in the darkest tone and measured chroma in the midtone anchor a sense of stability, while the luminous third color introduces hope and clarity without sacrificing sophistication.
Usage
Deploy in tech product interfaces, luxury spa branding, and architectural visualization where the progression from shadow to illuminated surface conveys refinement and trustworthiness. The balanced contrast suits projects requiring both bold visual hierarchy and calming, professional atmosphere, such as scientific publishing, sustainable fashion lookbooks, and contemporary furniture showrooms.
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,
#154a55 0%,
#359bad 50%,
#a2eafa 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #154a55;
--color-gradient-2: #359bad;
--color-gradient-3: #a2eafa;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #154a55; --color-2: #359bad; --color-3: #a2eafa;
Hex values
#154a55, #359bad, #a2eafa
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Teal Depths Nocturne
Tidewater Passage
Coastal Depths Morning
Tidepool Serenity
Azure Depth Hour
Abyssal Calm
Mineral Spring Dawn
Coastal Porcelain Dawn