Neon Tide Drift
Bright, mixed hues suspended in gentle luminosity, glowing with playful intensity beneath a diffused light.
Psychology
The teal and blue foundation grounds the palette in cool, receding tones that evoke clarity and trust, while the vivid pink, orange, and purple accents leap forward with warm and neutral energy, creating visual tension without harshness. Low contrast between similarly light values prevents jarring discord, allowing the bold saturation to feel celebratory rather than aggressive. This combination triggers playful optimism by pairing cool stability with warm exuberance, inviting engagement without demanding dominance.
Usage
Gaming interfaces, app dashboards, and digital products benefit from the palette's mixed temperature and luminous lightness, which maintains readability while sustaining visual interest. Festival branding, toy packaging, and youth-focused campaigns leverage the bold complementary harmony to communicate energy and approachability. Modern lifestyle websites and social media content use these tones to suggest both technical sophistication and creative fun simultaneously.
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,
#00d8d6 0%,
#0077ff 25%,
#ff4d8d 50%,
#ff8a00 75%,
#7b2eff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #00d8d6;
--color-gradient-2: #0077ff;
--color-gradient-3: #ff4d8d;
--color-gradient-4: #ff8a00;
--color-gradient-5: #7b2eff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #00d8d6; --color-2: #0077ff; --color-3: #ff4d8d; --color-4: #ff8a00; --color-5: #7b2eff;
Hex values
#00d8d6, #0077ff, #ff4d8d, #ff8a00, #7b2eff
Building something? Get this palette via the REST API.
History
Similar palettes
Neon Bloom Dusk
Twilight Alchemy
Neon Descent Study
Jade Hour Glow
Silk Hour Reverie
Periwinkle Linen Study
Frosted Lavender Drift