Find the perfect
color palette in seconds.
Pull harmonious colors from any image, generate fresh palettes with a click, and check WCAG contrast — all running locally in your browser.
Three tools, one goal: better color.
Each tool does one thing well. Use them together for a complete color workflow.
From Image
Upload any photo or artwork. Get a 5-color palette extracted using median-cut quantization.
Generator
Click to roll new palettes. Lock the colors you love, regenerate the rest. Spacebar to reroll.
Contrast Checker
Test any two colors for WCAG AA / AAA compliance. Live preview with normal and large text.
Curated mood palettes
Hand-picked color stories for every project.
Studio Ghibli
#7CA982#F4E3C1#A8C3A4#E8B7A0#5B7065Makoto Shinkai Sky
#FF8C61#FFB47A#F4D58D#9DB4C0#5E7A8ECyberpunk Neon
#FF006E#3A0CA3#06D6A0#F72585#1A1A2EMelancholy
#8B9DC3#C9B6D9#E6B5B5#9D8CA1#5C6B7AWabi-Sabi
#A89F91#D4C5B0#8B7E6E#E8E0D3#5C4F42Autumn Forest
#8B2500#C2491A#E8A87C#D4A574#3E5C3BBuilt for creators who care about color.
Most palette tools are cluttered with ads, sign-up walls, and watermarks. ColorMix is the opposite — it loads instantly, runs entirely in your browser, and gets out of your way.
Whether you're designing a website, painting a webtoon, or styling a brand, the right color combination is the difference between forgettable and unforgettable. We built these tools to help you find those combinations faster.
Frequently asked questions
Quick answers about the tools, your privacy, and how the algorithms work.
What is ColorMix?+
ColorMix is a free, in-browser color tool suite for designers, illustrators, and creators. It has three tools: From Image (extract a 5-color palette from any photo), Generator (roll fresh palettes with lockable colors), and Contrast Checker (test any two colors for WCAG AA/AAA compliance).
Is my image uploaded to a server?+
No. Everything runs in your browser using the HTML5 canvas and FileReader APIs. Your image, screenshot, or artwork never leaves your device. We literally cannot see it — there is no upload step.
What algorithm does the From Image tool use?+
Median-cut color quantization. We recursively split the RGB color space along the longest channel until we have N buckets, then average each bucket. It runs in under 50ms on a 200px image and is fully deterministic — the same input always gives the same output. The algorithm was first described by Heckbert (1982).
What's the difference between From Image and the Generator?+
From Image extracts colors from a photo you upload. The Generator creates a random palette from scratch and lets you lock individual colors while rerolling the rest. Use From Image when you have visual inspiration; use the Generator when you want to explore.
What is WCAG AA / AAA?+
WCAG (Web Content Accessibility Guidelines) is the international standard for accessible web content. AA requires a 4.5:1 contrast ratio for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively. Our Contrast Checker shows compliance for any two colors you give it, with live previews of normal and large text.
Can I use the extracted palettes commercially?+
Yes. Hex codes are just numbers — no copyright applies. Use them in any project, personal or commercial, with no attribution required.