Design tool
Color Palette Generator
Generate accessible color palettes, lock favorite swatches, tune HSL values, check WCAG contrast, and copy design tokens for CSS, Tailwind, or JSON.
All palette generation and contrast checks validate colors in your browser. Colors are not uploaded.
Examples
Try brand palettes, dashboard accent sets, or theme tokens for a design system.
Contrast validation
Adjacent swatches show AA/AAA contrast checks so text colors are easier to review.
Copy-ready exports
Use CSS variables, HEX arrays, Tailwind config, or JSON without manual formatting.
よくある質問
How do I choose a color harmony mode?
Use complementary for contrast, analogous for calm UI themes, triadic for balanced variety, and monochromatic for single-brand systems.
Can I export the palette?
Yes. Copy CSS variables, a HEX array, Tailwind config, or JSON from the export panel.
Does this tool send my colors to a server?
No. Generation, editing, contrast checks that validate color pairs, and copy actions run locally in your browser.