Color Palette Generator
Pick a base color, choose a harmony rule such as complementary, triadic or analogous, and get a ready-to-use color palette with HEX codes you can copy in one click — handy for designers, developers and brand projects.
Click any swatch to copy its HEX code.
How to use
- Pick a base color or press Random.
- Choose a harmony rule such as complementary or triadic.
- Click any color swatch to copy its HEX code for your design tool.
Palettes are built with HSL harmony math in your browser. Monochromatic mode varies lightness of the same hue from dark to light.
Tips
- Start with your brand or base color, then try complementary and triadic rules to feel different moods.
- Monochromatic mode gives safe, matching shades of one color for backgrounds and accents.
- Click any swatch to copy its HEX code straight into your design tool.
- Test the palette on a real layout — colors can look different at full page size.