Color Palette Generator
Generate a harmonious 5-color palette, lock the colors you like, fine-tune saturation and brightness, and export it however your workflow needs.
Palette Settings
Click the lock icon on any swatch to keep it fixed while Regenerate or these ranges reshuffle the rest.
How to use this tool
Pick a color scheme — Complementary pairs opposite hues, Analogous uses neighboring hues, Triadic spaces three hues evenly, Monochromatic varies lightness within a single hue, and Split-Complementary pairs a hue with the two neighbors of its opposite. Click Regenerate for a fresh base color, drag the saturation/brightness range sliders to restyle every swatch at once, and lock any color you want to keep. Export the result as CSS variables, a Tailwind config snippet, raw JSON, or a downloadable PNG.
Related Tools
Related Blog Posts
HEX, RGB, and HSL Explained: A Developer's Guide to Color Formats
The three most common ways to represent color in CSS, plus alpha transparency, and when to reach for each format.
Read moreBest Free Tools Every Developer Should Bookmark
Five browser-based utilities worth bookmarking for everyday development tasks, and what each one is actually good for.
Read moreJSON vs XML: Which Data Format Should You Use in 2026?
A practical comparison of JSON and XML for APIs, config files, and data exchange — including where each format still wins.
Read more