Calm Violet UI Palette
A restrained violet interface palette with neutral surfaces, a soft supporting violet, and a strong primary action color.
Palettes & gradients
Color Palettes & Gradients
Browse curated combinations built around clear color intent. Palette pages include copyable swatches and CSS variables; gradient pages include stops, angle previews, and ready-to-use linear-gradient code.
Color palettes
Pastel Color Palette
A soft five-color pastel palette with pink, peach, green, blue, and lavender tones.
Blue Color Palette
A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.
Green Color Palette
A balanced green palette with pale surfaces, fresh mids, a forest accent, and a deep green neutral.
Pink Color Palette
A pink palette ranging from a soft blush surface to a deep berry anchor.
Purple Color Palette
A purple palette with pale lavender, mid violet, saturated purple, and a deep plum anchor.
Red Color Palette
A red palette from pale rose surfaces through a vivid mid red to a deep wine-like anchor.
Brown Color Palette
An earthy brown palette with cream, tan, warm brown, walnut, and deep espresso tones.
Sunset Color Palette
A sunset-inspired palette moving from twilight violet through magenta and coral to warm gold.
Dark Color Palette
A dark neutral palette for interfaces with near-black navy, charcoal, slate, and muted blue-gray values.
Sage Green Color Palette
A muted sage-green palette with warm off-white, pale sage, dusty mid tones, and a deep herbal anchor.
CSS gradients
Violet to Cyan Gradient
A clean violet-to-cyan gradient with a soft violet midpoint and copy-ready CSS.
Rainbow Gradient
A six-stop rainbow gradient moving through red, orange, yellow, green, blue, and violet.
Blue Gradient
A three-stop blue gradient from pale sky blue through vivid blue to deep navy.
Black Gradient
A restrained dark gradient from near-black navy through charcoal to soft black.
Purple Gradient
A purple gradient moving from light lavender through vivid violet to deep purple.
Pink Gradient
A pink gradient from soft blush through vivid pink to deep berry.
Green Gradient
A green gradient moving from light mint through emerald to deep forest green.
Red Gradient
A red gradient from soft coral-red through vivid red to deep crimson.
Sunset Gradient
A sunset gradient moving from twilight purple through pink and orange to golden yellow.
Orange Gradient
An orange gradient from light peach through vivid orange to deep burnt orange.
Blue Purple Gradient
A blue-to-purple gradient moving from saturated blue through indigo to violet.
Use palettes for roles; use gradients for transitions
Palette pages are organized around sets of discrete colors that can take on roles such as surface, text, action, or accent. Gradient pages are continuous transitions with explicit stops and copyable CSS. Broad palette pages include alternative directions so one keyword does not imply there is only one correct set of colors.