#3CE0F6
#3CB2F6
#3B82F6
#3C55F6
#523CF6
#3CE0F6
HSL(187, 91, 60)
#3CB2F6
HSL(202, 91, 60)
#3B82F6
HSL(217, 91, 60)
#3C55F6
HSL(232, 91, 60)
#523CF6
HSL(247, 91, 60)
:root {
--color-1: #3ce0f6;
--color-2: #3cb2f6;
--color-3: #3b82f6;
--color-4: #3c55f6;
--color-5: #523cf6;
}Color Palette Generator — Color Scheme Creator
Pick a base color and generate harmonious palettes using rules like complementary, analogous, triadic, split-complementary, and tetradic. Copy individual colors or export the entire palette as CSS variables.
How It Works
Select a base color and the tool generates palettes by rotating the hue on the color wheel according to harmony rules. Complementary adds 180°, triadic adds 120° and 240°, analogous adds ±30°, and so on.
Common Use Cases
- Design website color schemes
- Create brand color palettes
- Find harmonious color combinations for art
- Export CSS variables for development
Frequently Asked Questions
Color harmonies are combinations based on the color wheel: complementary (opposite), analogous (adjacent), triadic (120° apart), split-complementary, and tetradic (rectangle).
Yes, click the CSS export button to get the entire palette as CSS custom properties (variables) ready to paste into your stylesheet.