Velvet Garden Ascent
Soft petals fade into deep twilight, a gradient of warm silk transitioning through cool velvet shadows.
Psychology
The palette moves from warm, light pinks that feel intimate and approachable toward cool, dark purples that recede and ground the composition. This analogous shift across warm and cool creates psychological depth while maintaining harmony, as analogous relationships avoid jarring contrast yet the lightness gradient adds visual rhythm and prevents monotony.
The moderate saturation across all five colors signals refinement and restraint, preventing sensory overload while the progression from light to dark invites contemplation rather than urgency.
The moderate saturation across all five colors signals refinement and restraint, preventing sensory overload while the progression from light to dark invites contemplation rather than urgency.
Usage
Well-suited for luxury skincare branding, high-end fashion lookbooks, and artisanal confectionery packaging where the gradient evokes handcrafted elegance and tactile warmth.
Editorial layouts, book cover design, and interior styling photography benefit from the palette's ability to establish mood without aggressive contrast, guiding the viewer's eye naturally from foreground to depth.
The analogous harmony works particularly well for brand identity systems requiring multiple touchpoints, as each color feels intentionally related yet distinct.
Editorial layouts, book cover design, and interior styling photography benefit from the palette's ability to establish mood without aggressive contrast, guiding the viewer's eye naturally from foreground to depth.
The analogous harmony works particularly well for brand identity systems requiring multiple touchpoints, as each color feels intentionally related yet distinct.
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,
#f9bad1 0%,
#da89bc 25%,
#b16fba 50%,
#7d4896 75%,
#4d2b7b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #f9bad1;
--color-gradient-2: #da89bc;
--color-gradient-3: #b16fba;
--color-gradient-4: #7d4896;
--color-gradient-5: #4d2b7b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #f9bad1; --color-2: #da89bc; --color-3: #b16fba; --color-4: #7d4896; --color-5: #4d2b7b;
Hex values
#f9bad1, #da89bc, #b16fba, #7d4896, #4d2b7b
Building something? Get this palette via the REST API.
History
Similar palettes
Silk Hour Reverie
Amethyst Linen Dawn
Blush Shipyard
Lilac Petal Afternoon
Twilight Alchemy
Cotton Candy Dawn
Velvet Midnight Garden
Velvet Ember Dusk
Neon Bloom Dusk