ManageSome
All Tools
Favorites
Home
/
UI Tools
/
Color Palette Generator
Color Palette Generator
Generate beautiful color palettes
Loading...
Base Color
#3B82F6
🎲 Random
Accessibility
Formats
Color Blindness Simulation
Normal Vision
Protanopia (Red-blind)
Deuteranopia (Green-blind)
Tritanopia (Blue-blind)
Achromatopsia (Monochrome)
Shortcuts: Ctrl/Cmd + F focus, Ctrl/Cmd + Shift + R random, Ctrl/Cmd + Shift + C copy all, Ctrl/Cmd + Shift + S copy CSS.
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