Find the Perfect
Color Palette

The easy way to visualize your color palettes.

Use the toolbar to discover your next color palette now!

Color Contrast

WCAG 2
Ratio
Example
Text : Background
: 1
Sample
Background : Text
: 1
Sample
Accent 1 : Background
: 1
Sample
Background : Accent 1
: 1
Sample
Text : Accent 1
: 1
Sample
Accent 2 : Background
: 1
Sample
Background : Accent 2
: 1
Sample
Text : Accent 2
: 1
Sample
Accent 3 : Background
: 1
Sample
Background : Accent 3
: 1
Sample
Text : Accent 3
: 1
Sample
APCA
Lc
Example
Text : Background
Sample
Background : Text
Sample
Accent 1 : Background
Sample
Background : Accent 1
Sample
Text : Accent 1
Sample
Accent 2 : Background
Sample
Background : Accent 2
Sample
Text : Accent 2
Sample
Accent 3 : Background
Sample
Background : Accent 3
Sample
Text : Accent 3
Sample

Learn more about APCA values here

Quick. Simple. Color Easily!

Randomize!

Simply click the randomize button on the toolbar to generate a color palette.

Select your preferred Color Scheme and toggle on Light or Dark schemes if you already have something in mind.

Copy!

You can copy the hex code for any color you like by clicking on the color on the toolbar (desktop only) or palette drawer.

To expand the palette drawer, click the P on the right of the screen.

Pick!

Already have a color in mind? One of the randomized colors not quite right? Use the color picker to find the perfect color!

Enter a hex code, hsl value or pick a color straight from the canvas!

Lock!

Found a color you love? Lock it in! Simply click on the lock icon for any color you want to stick around.

Any future randomization will remember the colors you've locked in and provide other colors that complement them.

Export!

Export your new favorite color palette as a PNG, copy the palette as CSS variables, or export every color palette you've seen this session as a CSV file.

Share!

If you find a color palette you like, copy the link and share!

Links contain the hex codes for that unique palette so you can revisit it any time, or share it with the team.

Palette Generator

Generating a color palette should be easy and painless, and it is with Color Easily!

Whether it's for your personal website, your next client proposal, or just your latest design or mockup, you can easily find and view your next set of perfect color combinations here in real time.

FAQ

What color schemes are being used?

The default randomization method of "All" will randomly choose one of the following color schemes to generate the color palette:

  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Square
  • Tetradic

Each color scheme can be individually selected so that color randomization will use that specific color scheme.

Grayscale and True Random are two additional color schemes that can be individually selected, but are excluded from the default "All" selection.

Can I change the site's font?

Yes! You can currently change the font to a selection of the most popular Google fonts.

If you have a font you'd like added to the list, please send it to contact@coloreasily.com!

Are there any new features being released?

Plenty of new features and content are in the works.

If you have a feature request please send it to contact@coloreasily.com!

P
Text
Bg
1
2
3
Text
Bg
1
2
3
Pick Colors!
Randomize! (spacebar)
Choose a
Color Scheme!
All
Light
Dark
Monochromatic
Analogous
Complementary
Split Complementary
Triadic
Square
Tetradic
Grayscale (excl. from All)
True Random (excl. from All)
Back!
Forward!
Export Colors!
  • CSS
  • PNG
  • CSV

Copy the root CSS variables for the current color palette:

:root {

  --text: ;

  --background: ;

  --accent1: ;

  --accent2: ;

  --accent3: ;

}

Export a .png file of the current color palette:

Text
Background
Accent 1
Accent 2
Accent 3

Export a .csv file that contains hex codes for every color palette you've seen this session:

Text Background Accent 1 Accent 2 Accent 3
... ... ... ... ...
... ... ... ... ...
Copied: