Discover the power of color
Unlock theMagic of Colors
Create stunning color palettes, explore color theory, and design with confidence using our powerful color tools.
Join thousands of designers creating beautiful color palettes
Color Theory Explorer
Discover how colors work together to create harmony
Powerful Color Tools
Everything you need to create, explore, and perfect your color palettes
Color Palettes
Generate beautiful color combinations with our intelligent color algorithms
Color Harmonies
Explore complementary, analogous, triadic and other color relationships
Accessibility
Check contrast ratios and simulate color blindness for inclusive design
Tailwind CSS Color Generator
Hit the spacebar, enter a hex code, or tweak the HSL values to create your custom color scale.
Blue
Accessibility:5.9/10
Color Harmonies
Click on any color to copy its hex code
Complementary
Colors opposite each other on the wheel
#3b82f6
#f6af3c
Analogous
Colors adjacent on the wheel
#3b82f6
#523cf6
#3ce0f6
Triadic
Three evenly spaced colors
#3b82f6
#f63c83
#83f63c
Split Complementary
Base color and two adjacent to its complement
#3b82f6
#f6523c
#e0f63c
Square
Four evenly spaced colors
#3b82f6
#f63ce0
#f6af3c
#3cf652
Monochromatic
Different shades of the same color
#3b82f6
#0950c3
#9ec1fa