Lagoon Refraction
Cool teals meet warm coral and gold, catching light like water and metal meeting at dusk.
Psychology
The triadic structure balances cool teals and blue against warm coral and yellow, creating visual tension without discord. Cool hues in the teal family recede and soothe, while the vivid blue and warm accents advance, drawing focus and energy. The overall light value profile and moderate saturation prevent the boldness from feeling aggressive, instead suggesting clarity and playfulness with restraint.
Usage
Ideal for tech startup branding, editorial photography layouts, and luxury swimwear packaging where bold contrast and mixed temperature create sophistication without harshness. Projects requiring youthful energy paired with professional credibility benefit from this palette's ability to feel both playful and refined. Cosmetics packaging, interactive web interfaces, and contemporary poster design all leverage its visual pop and balanced lightness.
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,
#087f65 0%,
#42e5d0 20%,
#3957ff 40%,
#b7a4ff 60%,
#ff847c 80%,
#f5e98b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #087f65;
--color-gradient-2: #42e5d0;
--color-gradient-3: #3957ff;
--color-gradient-4: #b7a4ff;
--color-gradient-5: #ff847c;
--color-gradient-6: #f5e98b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #087f65; --color-2: #42e5d0; --color-3: #3957ff; --color-4: #b7a4ff; --color-5: #ff847c; --color-6: #f5e98b;
Hex values
#087f65, #42e5d0, #3957ff, #b7a4ff, #ff847c, #f5e98b
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Neon Bloom Dusk
Neon Descent Study
Pastel Lagoon Study
Midnight Brass
Periwinkle Linen Study
Pastel Lagoon
Peach Hour
Dusk Linen Study