Color Palette Generator

Generate harmonious color palettes and color schemes, and see them on real designs right away. Lock the colors you like and keep exploring.

Harmony

Colors5

USE IN CODE

Copy as code

Pick a format, how colors are named and how values are written.

Names

Values

HOW IT WORKS

Press Space or Generate for a new palette. Locked colors stay, and the others follow the chosen harmony, based on the first locked color.
Click a color to pick a new one or type a HEX value. Use − and + (or the + tile) to work with 2 to 8 colors.
Every change shows up on a landing page, dashboard, mobile app and brand board. Each color gets a role chosen for readable contrast; the legend under the preview shows which color does what. The page URL always holds your colors, so you can bookmark or share it.

KEEP GOING