Cobalt Canvas Rise
Crisp, luminous contrast between electric depth and blank space, evoking clean studio light on cool surfaces.
Psychology
Hadfield Blue is a highly saturated, cool hue that commands visual attention and conveys trust and clarity, while white amplifies this effect through maximum contrast. The pairing creates a sense of sharpness and directness rather than warmth, positioning the eye to process information quickly. This high-contrast monochromatic structure follows the principle that cool tones recede while bright whites advance, establishing clear visual hierarchy.
Usage
This palette excels in tech startup branding, minimalist app interfaces, and editorial headers where bold legibility and modern sophistication are essential. Projects requiring stark focus and contemporary edge, such as SaaS dashboards, photography portfolios, and modern furniture campaigns, benefit from the palette's clean separation and high contrast. The moderate saturation prevents harshness while maintaining the crisp, professional atmosphere demanded by corporate and design-forward applications.
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%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1678fa;
--color-gradient-2: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1678fa; --color-2: #ffffff;
Hex values
#1678fa, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Electric Dusk
Midnight Pool Glow
Frosted Periwinkle Pool
Tidepool Serenity
Sapphire Vault Dawn
Twilight Alchemy
Neon Bloom Dusk
Slate Pool Breath