#D298BE5 colors
Soft Fuchsia
Generate soothing pastel color palettes, perfect for soft, muted designs. Pick how many colors and roll for new combinations.
Color count
Click any swatch to copy HEX3 to 12 colors
Export code
5 colors, named soft-fuchsia.
Format
Color values
variables.css
/* CSS Variables */
:root {
--soft-fuchsia-1: #D8EEE3;
--soft-fuchsia-2: #E2C1E7;
--soft-fuchsia-3: #E0AAA9;
--soft-fuchsia-4: #D298BE;
--soft-fuchsia-5: #A99FD6;
}
In use
A sample screen painted only with this scale.
New inFree shipping
Spring drop
Twelve pieces, one colour story. Out now while stock lasts.
Revenue · 7d+12%
$48.2k
- Action · 4
- Canvas · 1
- Tint · 2
- Lines · 3
- Muted · 4
- Text · 5
How it works
Generate soft, low saturation palettes for interfaces that need to feel calm rather than loud.
What makes a color pastel
A pastel is high lightness and low to moderate saturation: roughly 80 to 95 percent lightness and 25 to 60 percent saturation in HSL. Push lightness higher and colors collapse into off white; drop saturation further and they read as grey.
Pastels work as backgrounds and fills, not as text. A pastel on white almost never clears 4.5:1, so pair them with a dark neutral for anything readable.
Frequently asked
3 questions people ask about the pastel palette generator.
1What HSL values make a color pastel?
Around 85 to 92 percent lightness with 30 to 55 percent saturation. Below 25 percent saturation the color reads as grey; above 65 percent it stops feeling soft.
2Can I use pastel colors for text?
Rarely. Pastels on a white background typically land near 1.5:1 contrast, far under the 4.5:1 WCAG AA needs for body text. Use them for backgrounds, borders, and fills, and keep text a dark neutral.
3How many pastels should a palette have?
Three to five. Pastels are low contrast by nature, so a large pastel palette turns mushy. Anchor them with one dark neutral for text and one saturated accent for actions.