Volt & Sage
Cool electric blues against muted green create tension, like neon reflected on wet pavement at dawn.
Psychology
The dual vibrant blues command attention through high saturation and luminosity, while the muted sage-green accent introduces a grounding counterpoint that prevents visual fatigue. This triadic structure creates dynamic contrast without warmth, pushing cool tones forward psychologically and anchoring the palette in industrial or tech contexts. The light teal bridge softens the intensity between blue dominants, allowing the scheme to feel bold yet compositionally balanced rather than chaotic.
Usage
Apply to tech startup branding, SaaS dashboards, and architectural visualization renderings where cool authority and modernity matter. The moderate contrast works well for editorial layouts and web interfaces that require legibility without aggression. The muted green grounds projects like sustainable tech packaging or environmental data visualizations that pair innovation with natural restraint.
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,
#0042f3 0%,
#0042f3 25%,
#a7e0ea 50%,
#0061ff 75%,
#545b30 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0042f3;
--color-gradient-2: #0042f3;
--color-gradient-3: #a7e0ea;
--color-gradient-4: #0061ff;
--color-gradient-5: #545b30;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0042f3; --color-2: #0042f3; --color-3: #a7e0ea; --color-4: #0061ff; --color-5: #545b30;
Hex values
#0042f3, #0042f3, #a7e0ea, #0061ff, #545b30
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Shallow Waters
Pastel Lagoon Study
Misty Lagoon Hour
Midnight Pool Glow
Neon Bloom Dusk
Mineral Spring Dawn
Neon Descent Study
Coastal Linen Study