What is Color Easily?

by Color Easily - 31/07/2023

Color Easily Home Page

Color palettes can sometimes be deceiving. If you’ve ever got giddy with excitement thinking you’ve found the perfect palette for your new project, only to realize when you apply the colors to the page it just doesn’t look right, you can relate. This is what Color Easily is for. Finding color palettes that actually look good on the page!

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

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.

If you’re starting from a blank canvas, then you can quickly randomize the palette to get 5 new colors. You’ll be shown amazing palettes that are created using a number of different color schemes, including: Monochromatic, Analogous, Complementary, Split Complementary, Triadic, Square and Tetradic.

Only looking for a light or dark theme? No worries! You can toggle those on as color scheme options so you find your perfect palette asap. If you’ve already got a color scheme in mind, you can specifically select it so that the palette will only be randomized with colors that fit that scheme.

Lock in the colors that you love and before you know it you’ll have the palette you’ve been dreaming of. Once you’ve found the one, you can easily export the palette as a png, copy the colors as CSS variables or export everything you’ve seen into a csv file.

Whether it’s for your personal website, your next client proposal, or just your latest design or mockup, use Color Easily to find that perfect color palette and you’ll wonder how you ever lived without it.

Finding your next color palette has never been easier!

Check out the Palette Generator if you want to see color palettes for every color scheme on a single page.

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: