Badge Webflow Award Winner 2023

5 free tools to create an original color palette

Published on 
15/7/2022
-
Amended on 
27/3/2023
Reading time: 5 min
Color palette purple move orange yellow with power icon digidop yellow
Written by
Thomas Labonne with a T-shirt Digidop

Thomas Labonne

Co-founder

These tools are essential for creating an original colour palette for your graphic charter! Choice of colours, variants, complementary colours, accessibility tests...

Key points to remember

Are you in the middle of creating or redesigning your graphic identity and looking for an original colour palette? We share with you 5 effective tools to create or expand your colour palette for free.

1. ColorSpace

SIMPLE

colorspace tool interface with examples of gradients

Let's start with the simplest, ColorSpace. It's the perfect tool if you want to find a consistent colour palette for your new design quickly and easily.

ColorSpace allows you to create a colour palette from a base colour. Simply enter the HEX code of your primary colour and the tool will automatically generate dozens of different colour palettes. You can choose between soft colours, complementary colours, gradients, etc.

Create as many colour palettes as you like!

More about ColorSpace

2. Adobe Color

ADVANCE

adobe color platform interface with an example of several complementary blues

More complex to learn, Adobe Color allows you togo much further in redesigning your colours. The tool offers many features allowing you to design your colour palette while respecting the rules of chromatic harmony. You will be able to find colours :

  • Similar
  • Monochrome
  • Triads
  • Supplementary
  • Shared supplements
  • Shared supplements - Double
  • Squares
  • Composites
  • Shades
  • Customised
  • In colorimetric mode

If you already have visuals or inspiration that you want to reuse, Adobe Color also allows you to extract themes or gradients from files.

Essential when talking about colours:accessibility. Adobe Color offers a new tool for analysing and checking the accessibility of the colours you have chosen.

  • Contrast checker with WCAG 2.1 score AA or AAA.
  • Colour blindness adaptation tool

As a bonus for designers who play between WEB and PRINT, Adobe Color also gives you the exact HEX and RGB colour matches.

Test Adobe Color

3. Coolor

ADVANCE

Coolor platform interface with examples of popular colour palettes

Create a colour palette based on a HEX code, a theme or a style. Coolor is a very complete platform to manage, create and develop your graphic charter.

Need some inspiration? Use a simple search bar to find colours that complement your own, or take inspiration directly from existing themes. Coolor also has a random colour palette generator.

Get to the bottom of each of your colours! The Color Picker tool gives you detailed information using a simple HEX code:

  • Conversion to multiple formats (RGB, LAB, CMYK, HSB, HSL, XYZ, etc.)
  • Variations, shades, tones, temperatures, etc.
  • Similar and complementary colours to create your own palette
  • Contrast and accessibility checker

Learn more about Coolors

4. HTML Color Codes

ADVANCE

interface of the HTML color codes platform with an example of the use of the colour red

Very similar to Adobe Color, HTML Color Codes allows you toexplore different variations of a HEX, RGB or HSL colour.

  • Analogues
  • Triadic
  • Supplementary
  • Neutral
  • Shades
  • Shades
  • Tones

As a bonus, HTML Color Codes gives you the HTML names of a dozen colours to reuse on your website.

Testing HTML Color Codes

5. Designspiration

SIMPLE

interface of the designspiration platform with an example of complementary colours on visuals

Unlike previous tools, Designspiration will not create a pre-designed colour palette, gradients or accessibility tests. Instead, Designspiration is an endless source of inspiration for creating moodboards, finding ideas forcolour combinations, creating a world, or understanding how to reuse every colour in your design .

From an advanced search bar, you can select multiple colours, choose a style, and Designspiration will suggest an infinite number of matching visuals, photos, web mockups, illustrations, etc.

An ideal tool to inspire you, discover trends and understand how to apply your colours in a harmonious way.  

Test Designspiration

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop