Color Palette Generator
Generate beautiful color palettes from a single base color. Export as CSS, Tailwind, or code array.
Generate a palette to see export code.
What is a Color Palette Generator?
A Color Palette Generator is a design tool that creates harmonious color combinations from a single base color using established color theory principles. It helps designers, developers, and content creators build visually appealing color schemes.
Color Schemes Explained
- Monochromatic: Variations of a single hue using different saturation and lightness levels. Clean and cohesive.
- Analogous: Colors adjacent on the color wheel. Creates a natural, serene feel.
- Complementary: Opposite colors on the wheel. Creates high contrast and vibrant look.
- Triadic: Three colors equally spaced (120 apart). Balanced and colorful.
- Split-Complementary: A base plus two colors adjacent to its complement. High contrast with less tension.
- Tetradic: Four colors forming a rectangle on the wheel. Rich and complex palette.
Using HSL for Color Math
This tool uses HSL (Hue, Saturation, Lightness) color space for generating palettes. HSL makes it easy to create harmonious colors by simply rotating the hue angle while keeping saturation and lightness consistent.
Frequently Asked Questions
Can I lock specific colors?
Yes! Click the lock icon on any color swatch. When you regenerate, locked colors will stay in place while others change.
What export formats are available?
You can export as CSS custom properties, Tailwind config, JavaScript array, or SCSS variables. Click any tab in the export section and copy the code.