Generate and edit color palettes for the web

Choose starting colors and we'll generate matching colors and shades to build endless color palettes for the web.

Generate palettes with your brand colors

Select colors to use and generate palettes that ensure visual coherence, eliminating the guesswork and allowing you to simply choose your favorite.

Try with your colors

Edit your new palette without messing it up

Adjust colors the same way you think

PaletteMaker simplifies color modification, allowing you to refine your palette intuitively.

Modifying colors with lightness and saturation sliders

Define transitions between shades

For more intricate color palettes, adjust the way shades transition from lightest to darkest.

Setting the count of shades for colors with plus and minus buttons

Link colors to preserve their harmony

Keep hue difference between colors the same and ensure they stay visually coherent.

Linking multiple color hues together with a designated button

Build accessible and inclusive designs

Incorporate accessibility into your designs with the contrast checker tool and colorblind preview mode. Easily adhere to accessibility standards and ensure that your designs are perceivable by a wider audience.

Text showing how to effectively utilize contrast checker

Color palette editor with Deuteranopia colorblindness preview active

Prepared to export the way you want it

CSS code being exported from PaletteMaker

Export your palettes directly into the format you need, and spend less time converting and more time creating with code that fits right into your project's workflow.