Color Palette Generator
Harmonious color palettes at the press of the space bar. Lock colors, pick a harmony, check contrast and export as CSS.
Open in editorColor systems
Palettes, shades and contrast checks for a color system that works in light and dark. Export as a Tailwind config or CSS variables.
5 generators
Tailwind Color Palette
The eleven Tailwind steps 50 to 950 from one color. Export for tailwind.config.js, @theme, OKLCH and HEX.
Open in editor
Tints & Shades
Lighter and darker steps of a color. Export as HEX, RGB, HSL or CSS variables.
Open in editor
Contrast Checker
Check whether text and background are readable under WCAG, see the colors with color vision deficiency and apply better colors in one click.
Open in editor
Palette from Image
Drop in a photo and get its main colors with their share in percent. The image stays in your browser.
Open in editor