Coolors

Coolors

  • Create a color palette
  • Create gradients
  • Accessibility testing

several color palettes generated on the coolors tool site
4.4/5 (11 reviews)
A free plan and a monthly plan: €5
Cupon code :
Test Tool

What is Coolors?

Coolors is a platform where you can create a color palette either from predefined templates or completely customized. The tool offers many features to help you design an original color palette and then reuse it harmoniously in your design projects. 

Most of Coolors' features are accessible for free, but the tool also has a paid version if you want to go even further.

Main Features

Color Palette Generator

If you have no idea which direction to take in terms of colors, just click a button, and Coolors will do the rest! The tool has an automatic color palette generator.

Automatically generated palette of pink, beige, and red using the Coolors tool

Color Palette Templates

Coolors offers dozens of predefined color palette templates. You can find inspiration by searching for a color palette based on a primary color, theme, or style.

Database of color palette templates on Coolors

Create a Color Palette from an Image

Upload any image, and Coolors will help you extract each color to create your palette.

Coolors image picker feature

Colorizing Illustrations and SVG Visuals

Coolors' Artwork Recolor tool allows you to recolor any visual in SVG format. Integrate your illustration into Coolors and reuse your color palette to customize it with one click. It’s an intelligent color management feature that will save you a lot of time!

SVG illustration colorization tool on Coolors

Accessibility Testing

Test the accessibility of your colors by adjusting contrasts on backgrounds and get your WCAG score.

Color accessibility test

Gradient Creation

Just like with color palettes, Coolors provides a tool for creating custom gradients. You can also access a whole database of predefined gradients. 

Creation of purple gradient on Coolors

Advantages

Disadvantages

  • No option to customize HEX code for searching a palette

Need help in the integration of Coolors

Let’s work together!

Related tools

No-code Tool Interface Figma
Design

Figma

Figma
animated lottiefiles icons
Design

LottieFiles

LottieFiles
Overview of a before/after of the background removal feature.
Design

Removebg

Removebg

Want to turn your website into your most valuable asset?

Contact us today