Skylight Blueprint
Crisp morning light filtering through cool glass, paired with soft linen catching the pale glow of first dawn.
Psychology
The two vivid blues create high saturation contrast against the near-white, drawing the eye while maintaining a calm, cool temperature throughout. The monochromatic blue harmony builds trust and clarity, while the light overall value prevents visual heaviness, allowing the palette to feel both authoritative and approachable. Cool hues naturally recede perceptually, making this combination ideal for digital interfaces where legibility and focus matter.
Usage
Use this palette for fintech app interfaces, minimalist tech branding, and clean editorial layouts where bold, clear hierarchy is essential. Healthcare and wellness websites, SaaS dashboards, and corporate annual reports benefit from its balanced combination of vivid accent colors and breathing neutral space. The light, cool profile works particularly well in photography portfolios and digital publications targeting professional or premium audiences.
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,
#1678fa 0%,
#5ca1fc 50%,
#fff9f0 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1678fa;
--color-gradient-2: #5ca1fc;
--color-gradient-3: #fff9f0;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1678fa; --color-2: #5ca1fc; --color-3: #fff9f0;
Hex values
#1678fa, #5ca1fc, #fff9f0
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Porcelain Depth Study
Sapphire Vault Dawn
Jade Hour Glow
Electric Dusk
Slate Reverie Hour
Frosted Periwinkle Pool
Coastal Depths Morning
Snowmelt Lagoon
