What makes a color a pastel?

A pastel is a color with high lightness and modest saturation, so it appears soft and washed-out rather than vivid. In HSL terms that means a lightness around 80 to 92 percent with saturation kept below roughly 60 percent.

How are the harmonies built?

A base hue is chosen at random on the 360-degree color wheel. Analogous palettes step the hue by small offsets around the base; complementary palettes pair the base with the hue 180 degrees opposite; random spreads hues freely. All are then forced into the pastel lightness and saturation range.

Are these accessible for text?

Pastels are light by design, so they suit backgrounds and accents more than body text on white. For readable text, pair a pastel background with a dark foreground and check the contrast ratio meets at least 4.5 to 1.

Can I get the same palette again?

Each generation is random, so palettes differ every time. Copy or note the hex codes you like, because regenerating will not reproduce them.

What format are the colors in?

Each swatch shows a hex code such as #F4D9E6, which works directly in CSS, design tools, and most graphics software. The underlying values are computed in HSL and converted to hex.

Pastel Color Palette Generator

This generator builds soft, calming pastel palettes that suit children’s apps, wellness brands, and any design that needs a gentle feel. Colors are computed in HSL and converted to hex so you can copy them straight into your work.

How it works

Pastels are defined by their position in HSL space: high lightness and restrained saturation. The generator:

Picks a base hue at random on the 0–360° wheel.
Derives related hues by the chosen harmony — analogous (small steps around the base), complementary (base plus the opposite hue at +180°), or random.
Forces every color into the pastel zone: lightness 80–92% and saturation 35–60%.

Each HSL color is then converted to a hex string for display and copying.

Tips and notes

Pastels work best as backgrounds and accents; for text, pair a pastel surface with a dark foreground and verify a contrast ratio of at least 4.5:1. Analogous harmonies feel the most serene, while a complementary pastel pair adds a touch of contrast without becoming loud. Click any swatch to copy its hex code.