ManageSome
All Tools
Favorites
Loading...
Home
/
Tools
/
UI Tools
/
Color Palette Generator
Color Palette Generator
Generate beautiful color palettes
Base Color
#3B82F6
🎲 Random
Complementary
2 colors, opposite on wheel
Triadic
3 colors, evenly spaced
Tetradic
4 colors, rectangle
Analogous
3 colors, adjacent
Split-Complementary
3 colors, split opposite
Monochromatic
5 shades of one color
Generated Palette
Copy All
Copy CSS
#3B82F6
#F6AF3B
CSS Variables
:root { --color-1: #3B82F6; --color-2: #F6AF3B; }
Color Harmonies
Complementary
High contrast, eye-catching
Triadic
Vibrant, balanced
Analogous
Harmonious, calming
Tetradic
Rich, complex
Split-Complementary
Contrast with variety
Monochromatic
Cohesive, elegant