Palette Generator
Pick a base color and generate useful theory-based palettes.
Home / Design Tools / Color Palette Studio
Color Palette Studio
Generate palettes by color theory, extract colors from images locally, check text contrast, build gradients, export CSS variables, and save favorite palettes in your browser.
Color Converter
HEX, RGB, HSL and HSV values update from the current base color.
Preview headline
Check how the selected palette feels on a real interface block before exporting it.
Extract From Image
Upload an image and sample a local palette with canvas. Nothing is uploaded.
Drop an image here or choose one from your device.
Contrast Checker
Check text and background contrast with common accessibility thresholds.
Readable sample
Good contrast keeps the interface usable in real life, not just pretty in a screenshot.
--Contrast ratio
--AA normal text
--AA large text
--AAA normal text
Gradient Builder
Create a CSS gradient from the current palette.
Export CSS
CSS variables, Tailwind-style shades and saved browser favorites.
Favorites
Saved in this browser only.