to generate
Adjust
Shades — click to apply
HSL
Keep this palette?
Save your palettes to a free library — unlimited, no Pro tier.
Save it — free accountKeep exploring
Browse 1,000 palettes →
01
Palette Visualizer
Preview any palette on a real interface — landing page, dashboard, card and more.
02
Image Picker
Extract a color palette from any photo — right in your browser.
03
Contrast Checker
Check text/background contrast against WCAG AA and AAA accessibility levels.
04
Gradient Maker
Build smooth CSS gradients between two colors and copy the code.
05
Tailwind Shades
Turn any color into a full Tailwind 50–950 shade scale and copy the config.