Color Palette Generator
Saved Palettes
No saved palettes yet. Click "Save Current" to save.
CSS Variables
About This Color Palette Generator
Create harmonious color palettes based on color theory. Pick a base color and choose a scheme — analogous, complementary, triadic, or monochromatic. Copy hex codes or CSS variables for your project.
Color Schemes Explained
- Analogous — Colors adjacent on the color wheel. Harmonious and natural.
- Complementary — Opposite colors. High contrast, vibrant.
- Triadic — Three colors equally spaced. Balanced and colorful.
- Split Complementary — Base + two colors adjacent to its complement.
- Tetradic — Four colors forming a rectangle on the wheel.
- Monochromatic — Variations of one hue. Clean and elegant.
- Shades — Light to dark variations of the base color.