Color Palette Generator
Pick a base color and generate tints, shades, and complementary palettes. Export as CSS variables.
CSS Export
How to Use This Tool
- 1Click the color picker or enter a HEX code for your base color
- 2Choose a harmony type: Complementary, Analogous, Triadic or Monochromatic
- 3The palette generates automatically — click any color to copy its code
- 4Use the tints and shades section to get lighter/darker variants
Frequently Asked Questions
What is a complementary color scheme?
Complementary colors are opposite each other on the color wheel (e.g. blue and orange). They create high contrast and vibrant designs.
What are analogous colors?
Analogous colors are adjacent on the color wheel (e.g. blue, blue-green, green). They create harmonious, cohesive designs.