Seafoam Morning
Cool, luminous teals emerge from soft white like mist lifting off calm water at dawn.
Psychology
The monochromatic teal family creates visual harmony and trust, while the very light value range and low-to-moderate saturation evoke tranquility and restraint rather than excitement. Cool hues naturally recede and soothe the nervous system, making this palette effective for reducing visual fatigue. The white anchor at one end prevents the palette from feeling flat, introducing gentle spatial depth without introducing discord.
Usage
Well-suited for wellness app interfaces, sustainable beauty product packaging, and eco-friendly fashion branding where cool, calm authority matters more than visual drama. The light value range and moderate contrast work effectively in digital-first projects and minimal editorial design that prioritize readability and serene user experience. Particularly strong for hospitality and spa concepts that emphasize natural materials and breathing room.
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,
#f0fdfa 0%,
#00d2d3 25%,
#01a3a4 50%,
#00b894 75%,
#55efc4 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #f0fdfa;
--color-gradient-2: #00d2d3;
--color-gradient-3: #01a3a4;
--color-gradient-4: #00b894;
--color-gradient-5: #55efc4;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #f0fdfa; --color-2: #00d2d3; --color-3: #01a3a4; --color-4: #00b894; --color-5: #55efc4;
Hex values
#f0fdfa, #00d2d3, #01a3a4, #00b894, #55efc4
Building something? Get this palette via the REST API.
History
Similar palettes
Shallow Waters
Mineral Spring Dawn
Frosted Meadow
Jade Hour Glow
Slate Pool Breath
Moss Shallow Study
Celadon Reverie
Neon Bloom Dusk
Pastel Lagoon
