Free, private, no sign-up
Is your palette ready to ship?
Start from an image or a brand color. Get a complete color system that everyone can read, tested and ready for Figma.
Contrast and color-blind checks
WCAG 2.2
Images stay on your device
Start from an imageA photo, logo or moodboard
In useStart from a colorChoose a swatch, then set its color
In useThree steps to a palette everyone can read.
1Start
Drop your colors
An image, a logo or one color. We find your brand color.
2Check
We test it
Contrast, color blindness and scale quality, with one-click fixes.
3Ship
Export a ready system
CSS, design tokens or Tailwind, with every fix included.
Not updatedYou changed your colors. Generate to update everything below.
SampleYou're looking at a sample. Add your own image or color to test yours.Use my colors
Your palette
Every shade, from your colors.
Tap a color dot to change it. Tap any swatch to see which text is safe on it.
Score
How ready is it?
0out of 100
How the score works
All 12 tests count equally. A pass earns full points, a warning half, a fail nothing. 90 and above is ready to ship.
How to improve
Tests
Everything we checked.
Usage
How to use your colors.
The right shade for every job, so text stays readable and controls stay visible.
Preview
See it on real screens.
Export