Generate Perfect Color Palettes for Your Next Project
Transform a single color into a complete design system with Primary, Semantic, and Neutral tones. Export to CSS, SCSS, TailwindCSS v3 & v4.
Everything You Need for Color Systems
Built for frontend developers who want to ship faster with a complete, accessible color system.
Complete Palette Generation
Generate Primary, Semantic (Danger, Success, Warning, Info), and Neutral tones from a single base color.
Multi-format Export
Export your palette to CSS custom properties, SCSS variables, TailwindCSS v3 config, or Tailwind v4 theme.
WCAG Accessibility Scores
Instant contrast ratio checks against white and black backgrounds with AA/AAA level indicators.
Real-time Preview
See your palette update in real-time as you type or pick colors. Instant feedback, zero latency.
Share & Bookmark
Share your palette via URL query params. Bookmark palettes for later reference.
Multiple Color Formats
Input and view colors in HEX, HSL, or OKLCH. Full support for modern CSS color spaces.