Quick start
Get up and running in minutes. Generate your first palette with color theory relationships.
Color relationships
Explore complementary, analogous, triadic, and more color theory modes.
Accessibility tools
Check WCAG contrast ratios and simulate color blindness conditions.
Export formats
Export to CSS, Tailwind, SCSS, JSON, Photoshop, Procreate, GIMP, and more.
What you can do
Generate palettes
Create harmonious palettes using 7 color theory relationships.
Quick presets
One-click palette styles: pastel, neon, earth tones, jewel, and more.
Lock colors
Keep favorite colors while rerolling the rest.
Gradient generator
Build linear gradients from your palette and export to CSS, SVG, or PNG.
Extract from image
Drag in any image to extract its dominant colors automatically.
Preview mode
See your palette applied to a live UI mockup or typography layout.
Everything is free
Color Palette gives away features that competitors charge for:| Feature | Color Palette | Coolors Pro ($3.49/mo) |
|---|---|---|
| Contrast checker | ✓ | Paid |
| Color variations (tints/shades/tones) | ✓ | Paid |
| Up to 10 colors per palette | ✓ | Paid (5 colors free) |
| Advanced code exports | ✓ | Paid |
| Color blindness simulation | ✓ | Paid |
| Unlimited saves | ✓ | Paid |
| Dark mode | ✓ | Paid |
Keyboard-first design
Every action has a keyboard shortcut. Press / at any time to see all shortcuts, or browse the keyboard shortcuts reference.Open the app
Visit karan-gera.github.io/color-palette — no install required.