Bluebell Threshold
Soft light filtering through cool glass, where electric depth meets delicate lavender like twilight touching porcelain.
Psychology
The deep saturated blue advances visually while the pale lavender recedes, creating perceptual depth despite their analogous relationship. The palette's low contrast and light overall value prevents harshness, allowing the bold hue to feel sophisticated rather than aggressive. This combination leverages cool tones' association with trust and calm while the vivid blue maintains energy, producing a composed yet confident mood.
Usage
Ideal for tech product interfaces, luxury skincare branding, and editorial design where sophistication requires both visual interest and restraint. Projects needing to balance modern boldness with approachability benefit from this palette's light airiness and restrained contrast. Works effectively in SaaS dashboards, fashion lookbooks, and premium app design where cool elegance signals professionalism.
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,
#276ef1 0%,
#d6c9fd 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #276ef1;
--color-gradient-2: #d6c9fd;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #276ef1; --color-2: #d6c9fd;
Hex values
#276ef1, #d6c9fd
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Neon Bloom Dusk
Electric Dusk
Wisteria Descent
Twilight Alchemy
Periwinkle Linen Study
Neon Descent Study
Midnight Brass
Frosted Lavender Drift
