Pastels are tints rather than hues: any colour mixed with enough white to push its lightness above roughly 80% while the saturation stays partly intact. Every HEX on this page clears that line. Each set below is a ready-made pastel scheme with HEX codes you can copy, and the generator lets you roll fresh pastels or anchor a new one to any base colour.
Soft Pastel spreads across five different hues — pink, butter, mint, powder blue and lilac — which is what makes it a scheme rather than a ramp. Muted Pastel is the greyer version, saturation down to 39% at #B8E0D2. Pastel Rainbow is the most literal, five hues all set at almost exactly 86% lightness.
#FFD1DC#FFECB8#C1E1C1#B5D3E7#E0BBE4#F7CAC9#F6EAC2#B8E0D2#D6CDEA#FDCFB4#FFB3BA#FFDFBA#FFFFBA#BAFFC9#BAE1FFAnchored to a pastel base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
A pastel palette has no dark tone in it, so the one thing it always needs is a text colour — a charcoal or deep grey rather than pure black, which looks heavy against these. Nurseries, wedding stationery, spring campaigns and soft app themes are the usual homes. For single-hue pastel sets see blush, mint green and periwinkle.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The Muted Pastel row above is a second ready-made option — #F7CAC9, #FDCFB4 and the three steps between them — if you would rather not generate at all. The generator itself rolls around #FFB3BA, the base pastel for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Coquette palette · Blush palette · Dusty Rose palette · all colours