Color Tool
Color Wheel
Pick a base color, explore harmony rules, and export a ready-to-use palette.
1
Pick a color
Use the wheel or type a HEX value.
HEX
Base color
#3B82F6
2
Choose a harmony
Each rule shifts the base color on the wheel.
Opposite hues on the wheel for bold contrast.
#3B82F6
#F6AF3B
#528FF2
#6190DD
#F2B652
3
Use or export
Export a print-ready palette or copy CSS variables.
Want more context? Read about color meanings in the knowledge hub.Go to color meanings