Neon Tide Passage
Luminous warmth melting into cool depths, like neon reflected across still water at dusk.
Psychology
The palette anchors itself in cool blues and teals that recede visually, creating spatial depth, while the vivid warm pinks and oranges advance as focal points, generating tension that reads as energetic rather than chaotic. This complementary contrast between warm accents and cool dominance triggers cognitive interest without overwhelming, as the pale yellow and muted blue soften the intensity. The mixed lightness profile prevents monotony while the moderate saturation maintains sophistication, signaling both boldness and restraint.
Usage
Works exceptionally well for tech startup branding, contemporary hospitality design, and music festival promotional materials where the warm-to-cool shift creates visual narrative momentum. Fashion and apparel lines benefit from the palette's ability to feel both cutting-edge and wearable across print collateral and digital campaigns. Editorial layouts and photography direction gain dimensionality from the complementary relationship, allowing imagery to feel contemporary without sacrificing elegance or legibility.
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,
#a9275f 0%,
#e53846 14%,
#f7942f 29%,
#f1ff9f 43%,
#dde2ff 57%,
#81b7dd 71%,
#69bab1 86%,
#126db4 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #a9275f;
--color-gradient-2: #e53846;
--color-gradient-3: #f7942f;
--color-gradient-4: #f1ff9f;
--color-gradient-5: #dde2ff;
--color-gradient-6: #81b7dd;
--color-gradient-7: #69bab1;
--color-gradient-8: #126db4;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #a9275f; --color-2: #e53846; --color-3: #f7942f; --color-4: #f1ff9f; --color-5: #dde2ff; --color-6: #81b7dd; --color-7: #69bab1; --color-8: #126db4;
Hex values
#a9275f, #e53846, #f7942f, #f1ff9f, #dde2ff, #81b7dd, #69bab1, #126db4
Building something? Get this palette via the REST API.
History
Similar palettes
Celadon Reverie
Jade Hour Glow
Neon Bloom Dusk
Flamingo Hour
Shallow Waters
Pastel Lagoon Study
Pastel Lagoon
Kiln Ember Dusk