Free color palette generator

Beautiful Palettes,
One Click

Generate harmonious, accessible color palettes with built-in WCAG contrast checking and color blindness simulation. Design with confidence.

Try It Free See Pricing

Join thousands of designers building better color systems

Why ColorCraft

Everything you need to create and validate beautiful color palettes

Accessible by Default

Every palette comes with WCAG contrast ratio checking built right in. See AA and AAA ratings instantly between any two colors.

Mood-Based Generation

Choose from moods like Warm, Cool, Pastel, Neon, or Professional. Each mood constrains colors to match the feeling you want.

Export Anywhere

One click export to CSS Variables, Tailwind config, SCSS variables, or JSON. Copy and paste straight into your project.

How It Works

1

Choose a Mode

Pick a harmony type, mood, or start from a specific color

→
2

Generate

Click generate or press spacebar for instant palettes

→
3

Export

Copy as CSS, Tailwind, SCSS, JSON, or download as PNG

Everything You Need

Palette Generation

Multiple harmony modes including complementary, analogous, triadic, split-complementary, tetradic, monochromatic, and mood-based generation.

Contrast Checker

Test any color combination against WCAG 2.1 guidelines. Get instant AA and AAA pass/fail ratings for normal and large text.

Color Blindness Sim

Preview your palette as seen by people with protanopia, deuteranopia, tritanopia, and achromatopsia.

Shade Generator

Generate a full range of 50-900 shades for any color in your palette. Perfect for building design systems.

Export Formats

Export to CSS custom properties, Tailwind config, SCSS variables, JSON, or download a PNG image of your palette.

Saved Palettes

Save your favorite palettes locally and load them anytime. Share palettes with others via URL.

Simple, Honest Pricing

Generous free tier. One payment to unlock everything, forever.

Free

$0
Free forever
  • ✓ Palette generation (all harmony modes)
  • ✓ Color theory selection
  • ✓ Contrast checker (WCAG AA/AAA)
  • ✓ Color blindness simulation
  • ✓ Shade generator
  • ✓ 3 saved palettes
  • ✓ CSS Variables export
  • ✓ No ads, ever
Get Started
Lifetime Access

Pro

$29 once
Pay once, own it forever
  • ✓ Everything in Free
  • ✓ Unlimited saved palettes
  • ✓ Brand Colors mode (multi-color)
  • ✓ Extract palette from image
  • ✓ Tailwind, SCSS, JSON export
  • ✓ PNG export (no watermark)
  • ✓ Palette collections
  • ✓ All future updates included

Frequently Asked Questions

Yes! The core palette generator, contrast checker, color blindness simulation, shade generator, and CSS export are completely free with no ads. No signup required. Pro is a one-time $29 lifetime purchase that adds Brand Colors mode, unlimited saves, image extraction, and additional export formats.
Free users can export as CSS custom properties. Pro users get additional export to Tailwind config, SCSS variables, JSON, and PNG download without watermark.
Absolutely. The built-in contrast checker tests any two colors against WCAG 2.1 guidelines, showing pass/fail for AA Normal, AA Large, AAA Normal, and AAA Large text. Adjacent swatch contrast ratios are also displayed on the palette.
Yes. Free users can save up to 3 palettes locally in your browser. Pro users get unlimited saved palettes and collections. You can also share any palette via URL.
Pro ($3.99/mo) includes Brand Colors mode (pin multiple brand colors and auto-generate complementary fills), unlimited saved palettes, palette extraction from images, Tailwind/SCSS/JSON export, PNG download without watermark, and palette collections. Cancel anytime.

Start Creating Beautiful Palettes

No signup required. Just scroll down and start generating.

Try It Free
Press Space to generate

Color Tools

Analyze and refine your palette with professional tools

From palette:
Left-click sets foreground · Right-click sets background
21:1
Contrast Ratio
Large Text (18pt+)
Normal body text looks like this
Small caption text sample

Export

Use your palette in any project

Saved Palettes

Your saved color collections

No saved palettes yet. Generate a palette and click Save!

Palette History