Palette Directory

Color palettes

Discover curated combinations and harmony-based palettes.

Build your own palette

Young Navigator

5 colors
pastelmuted

Young Voyage

5 colors
mutedwarm

Young Canvas

5 colors
mutedwarm

Young Harvest

5 colors
darkmuted

Young Studio

5 colors
muted

Young Lagoon

5 colors
pastelmuted

Young Breeze

5 colors
muted

Young Drift

5 colors
muted

Young Grove

5 colors
darkmuted

Young Trail

5 colors
muted

Young Ember

5 colors
pastelmutedcool

Young Glow

5 colors
mutedcool
Showing page 1 of 15 (169 palettes)
...

Motion showcase

See Color Palette Tool in action

A short visual walkthrough generated from this tool's current workflow.

FAQ

Working with palette presets

?How can I reuse a palette in CSS?

Open the palette detail and copy its color values or CSS variables. Assign each variable to a clear role in your design.

?Are every two colors in a preset safe to use as text and background?

No. Inspect the contrast of the actual pair you use, especially for small text. A coordinated palette does not guarantee readable combinations.