Periwinkle Archive
Cool depths shifting from lavender mist to midnight water, layered with quiet clarity and sophisticated restraint.
Psychology
The palette leverages analogous harmony across the blue family to create visual coherence without monotony, while the jump from pale lavender to deep navy generates high contrast that commands attention without aggression. Cool hues throughout signal professionalism and trustworthiness, while the muted saturation prevents overstimulation, fostering contemplation rather than urgency. The mixed lightness creates natural focal points, guiding the eye from highlight to shadow in a way that feels intentional and calm.
Usage
Use in luxury tech interfaces, editorial layouts, and corporate identity systems where sophistication and clarity matter equally. The high contrast supports readable typography and icon hierarchies, while the cool, muted palette suits financial services branding, academic publishing, and minimalist packaging design. Projects requiring professional authority with emotional restraint benefit most from this palette's balanced depth.
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,
#cfcaf9 0%,
#919ecd 25%,
#7282ac 50%,
#334e79 75%,
#142e4e 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #cfcaf9;
--color-gradient-2: #919ecd;
--color-gradient-3: #7282ac;
--color-gradient-4: #334e79;
--color-gradient-5: #142e4e;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #cfcaf9; --color-2: #919ecd; --color-3: #7282ac; --color-4: #334e79; --color-5: #142e4e;
Hex values
#cfcaf9, #919ecd, #7282ac, #334e79, #142e4e
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Jade Hour Glow
Electric Dusk
Periwinkle Linen Study
Twilight Alchemy
Neon Bloom Dusk
Neon Descent Study
Pastel Lagoon Study
Porcelain Drift