Color Palette Generator
Free · Private · Instant
Frequently asked questions
- What is a color palette scale?
- A color palette scale is a family of tints and shades derived from a single hue, typically ranging from near-white to near-black in 9 evenly spaced steps. Design systems like Tailwind CSS use this pattern (100–900) so designers always have a light and dark variant for every brand color.
- How does palDash generate the palette?
- palDash keeps your chosen hue and saturation constant while stepping lightness evenly across 9 stops — from 95% at 100 down to 11% at 900. This gives a cohesive family of tints and shades that all feel related because they share the same underlying hue.
- How do I export as CSS custom properties?
- Click "Copy CSS" to copy all 9 stops as CSS custom properties (--color-100 through --color-900) wrapped in a :root block, ready to paste directly into any stylesheet.
- How do I export for Tailwind CSS?
- Click "Copy Tailwind" to copy the palette as a nested object ('100': '#…', '200': '#…' …) ready to paste into your tailwind.config.js colors section under a custom key.
- Can I click individual swatches to copy?
- Yes — click any swatch in the scale to instantly copy its HEX value to the clipboard.
- Is my data private?
- Yes. All palette calculations run entirely in your browser — no color data is sent to any server.