Teal Sherbet Hour
Bright, cool light filtered through warm accents, like stained glass catching morning sun on still water.
Psychology
The triadic structure of teal, blue, and purple creates visual tension and movement, while the light saturation and high-value yellow and white prevent the palette from feeling heavy or intense. Cool hues naturally recede and suggest calm, but the vivid midtone purples and blues introduce energy, producing a dynamic balance between restfulness and vibrancy that engages without overwhelming.
Usage
Ideal for tech startup branding, playful SaaS interfaces, and summer beauty or lifestyle packaging where moderate contrast supports clarity without severity. The light profile and mixed temperature work well in web design and digital products targeting younger audiences, while the bold purple-blue backbone prevents the palette from reading as purely decorative or childish.
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,
#12d6d0 0%,
#2d7dff 25%,
#8b5cf6 50%,
#ffc76a 75%,
#f5f6fa 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #12d6d0;
--color-gradient-2: #2d7dff;
--color-gradient-3: #8b5cf6;
--color-gradient-4: #ffc76a;
--color-gradient-5: #f5f6fa;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #12d6d0; --color-2: #2d7dff; --color-3: #8b5cf6; --color-4: #ffc76a; --color-5: #f5f6fa;
Hex values
#12d6d0, #2d7dff, #8b5cf6, #ffc76a, #f5f6fa
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Neon Bloom Dusk
Neon Descent Study
Midnight Brass
Periwinkle Linen Study
Frosted Lavender Drift
Shallow Waters
Electric Dusk
Mineral Spring Dawn
