Coolors
Generate color palettes with the space bar and lock the colors you want to keep.
- Category
- Design tools
- Cost
- Free in the browser, account optional
- Website
- coolors.co
What Coolors is
Coolors turns palette building into something you do in a minute: press space, get five colors, lock the one that works, press space again until the rest fall into place around it.
It also does the boring part — exports the palette as HEX, CSS variables or an image, and checks contrast between the colors you picked, which is where most improvised palettes fail.
Good for
- Starting a palette from one brand color you already have
- Getting unstuck when every combination you try looks wrong
- Exporting colors as CSS variables to paste into a project
Worth knowing
- A generated palette is a starting point — check the pairs you will actually use for contrast.
- Five swatches is not a design system; you still need neutrals and state colors.