hero image

The all-in-one color toolbox for UX Designer

Create stunning color palettes, generate aesthetic color shades, check color contrast or make pixel all in one place! Colorlab helps you unleash your creativity.
And the best part: It’s completely free!

Or try our other tools

hero image

Ensure perfect readability with our Contrast Checker

Easily test color combinations to meet accessibility standards and improve readability. Get instant visual feedback on contrast ratios to create designs that are both beautiful and inclusive.

Go to Contrast Checker

Generate a perfect Color Scale instantly

Pick any color and instantly create a cohesive, balanced scale of tints and shades. Perfect for maintaining consistency in your design system.

Go to Color Scale Generator
hero image
hero image

Effortlessly customize over 200'000 Icons

Our Icon Variant Generator gives you access to a vast library of open-source vector icons. Easily create consistent icon variants in just a few clicks, ensuring a cohesive and polished design system.

Go to Icon Variant Generator

Create stunning CSS gradients instantly

Stop guessing how your gradient will look: see it in real time with our gradient generator! Customize the number of color stops, adjust the direction, and instantly preview your design. Once you're happy, copy the CSS code and integrate it seamlessly into your project.

Go to Gradient Generator
hero image
hero image

Make amazing Pixel Art

With our free Canvas Pixel Art Maker, you can effortlessly create stunning pixel art - from simple icons to more advanced designs - and easily export your creations in high-quality SVG format.

Go to Pixel Art Maker