Build complementary, analogous, triadic, tetradic, split-complementary, square, and custom-angle palettes on an interactive wheel. Export CSS, JSON, Tailwind, tokens, SVG, and PNG.
Loading studio…
Keep exploring
Interactive color wheel with a lightness ring, locked harmony chords, and copy-ready palettes — complementary, analogous, triadic, tetradic, square, and more.
Open toolGenerate perceptual tints, tones, and shades in OKLCH from HEX, RGB, HSL, or OKLCH. Copy values and export CSS, JSON, SCSS, and Tailwind.
Open toolGenerate palettes like Coolors: full-screen colors, add or delete swatches, lock, download, and share a hex URL.
Open toolLooking for more? Browse Our Tools.