Porcelain Grotto
Cool purples deepen into serene blues, evoking calm water catching soft overhead light through hushed afternoon hours.
Psychology
The palette balances purple anchors with advancing light blue tones, creating depth without tension. Cool hues across all five colors trigger associations with water, sky, and restfulness, while moderate saturation prevents clinical coldness and maintains visual sophistication. This harmony of receding cool tones produces a psychologically soothing effect ideal for contexts requiring trust and clarity.
Usage
Effective for luxury wellness branding, SaaS dashboards, and editorial layouts where calm professionalism matters. The purple-to-blue gradient works particularly well in tech product interfaces, meditation app design, and high-end cosmetics packaging that need to communicate serenity without warmth. Best suited to projects targeting audiences seeking composed, thoughtful experiences rather than energetic or playful engagement.
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,
#714a7a 0%,
#706b98 25%,
#7491c8 50%,
#6dade3 75%,
#94cbf0 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #714a7a;
--color-gradient-2: #706b98;
--color-gradient-3: #7491c8;
--color-gradient-4: #6dade3;
--color-gradient-5: #94cbf0;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #714a7a; --color-2: #706b98; --color-3: #7491c8; --color-4: #6dade3; --color-5: #94cbf0;
Hex values
#714a7a, #706b98, #7491c8, #6dade3, #94cbf0
Building something? Get this palette via the REST API.
History
Similar palettes
Teal Depths Nocturne
Wisteria Descent
Jade Hour Glow
Electric Dusk
Periwinkle Linen Study
Pastel Lagoon Study
Twilight Alchemy
Neon Bloom Dusk
Neon Descent Study