Color Studio
Use the precision picker for exact colors and harmonies, or build a complete palette with cursor-driven controls, locking, editing, and export tools.
Main color
Complementary (180°)
High-contrast accents. Use it for a button, call-to-action, title-card highlight, or another small element that should stand out against the main color.
Use it sparingly. Two equally large complementary areas can feel harsh or visually vibrate.
Use it sparingly. Two equally large complementary areas can feel harsh or visually vibrate.
Analogous (±30°)
Calm, cohesive palettes. Neighboring colors blend smoothly and work well for gradients, related sections, or a consistent thumbnail series.
Low risk. This is a safe choice when you want variety without obvious clashing.
Low risk. This is a safe choice when you want variety without obvious clashing.
Triadic (±120°)
Vibrant, balanced palettes. Three evenly spaced hues work for a primary color plus two strong accents.
Choose one leader. Use one color dominantly and the other two in smaller amounts.
Choose one leader. Use one color dominantly and the other two in smaller amounts.
Move left and right for hue, up and down for lightness, and use the mouse wheel for saturation. Click a swatch to lock or unlock it.