Electric Clarity
Crisp white meets electric blue, a palette of sharp light and saturated depth, cutting through with cool precision.
Psychology
The high contrast between pure white and vivid blue creates immediate visual tension, drawing the eye and commanding attention through saturation extremes. Cool blues in the vivid range trigger alertness and focus, while the monochromatic structure maintains coherence despite intensity. This combination exploits the principle that high chroma colors advance toward the viewer, making the palette feel immediate and commanding rather than restful.
Usage
Deploy in tech startup interfaces, SaaS dashboards, and industrial equipment branding where clarity and user focus are essential. The palette excels for corporate identity systems and web applications that demand high contrast for accessibility and visual hierarchy. Strong in print collateral and packaging for electronics or professional services where boldness signals precision and reliability.
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,
#ffffff 0%,
#3d91ff 50%,
#0400ff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #ffffff;
--color-gradient-2: #3d91ff;
--color-gradient-3: #0400ff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #ffffff; --color-2: #3d91ff; --color-3: #0400ff;
Hex values
#ffffff, #3d91ff, #0400ff
Building something? Get this palette via the REST API.
History
Similar palettes
Electric Dusk
Neon Bloom Dusk
Midnight Pool Glow
Neon Descent Study
Twilight Alchemy
Jade Hour Glow
Sapphire Vault Dawn
Slate Pool Breath
Shallow Waters