Sapphire Archive
Deep indigo fading into crystalline light, like ink dissolving through frosted glass at dusk.
Psychology
The palette leverages chromatic depth through a monochromatic blue progression, moving from nearly black (#0b0139) to near-white (#ffffff). This creates high contrast that commands attention while maintaining visual cohesion, a principle where cool tones recede into the background while vivid mid-tones (C64 Blue) act as focal anchors. The tight value range and unified hue family produce a calm yet authoritative response, merging contemplative restraint with precision.
Usage
Deploy this palette for luxury tech branding, editorial typography systems, and financial service websites where trust and clarity must coexist. The extreme contrast suits accessibility-focused design and print collateral requiring legibility without warmth, while the monochromatic structure anchors interface design and corporate identity systems needing sophisticated restraint. Use the darker tones for text and structural elements, reserving mid-blues for emphasis and pale tones for breathing room.
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,
#0b0139 0%,
#1e3aff 25%,
#91acfa 50%,
#ebf1ff 75%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0b0139;
--color-gradient-2: #1e3aff;
--color-gradient-3: #91acfa;
--color-gradient-4: #ebf1ff;
--color-gradient-5: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0b0139; --color-2: #1e3aff; --color-3: #91acfa; --color-4: #ebf1ff; --color-5: #ffffff;
Hex values
#0b0139, #1e3aff, #91acfa, #ebf1ff, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Tidepool Serenity
Sapphire Vault Dawn
Jade Hour Glow
Electric Dusk
Coastal Linen Study
Midnight Pool Glow
Porcelain Depth Study
Teal Depths Nocturne
Electric Fjord