Create a harmonious 5-color hex palette — at random or from a base color. Runs entirely in your browser.
Tip: click any swatch to copy its hex code. Pick a base color for harmony modes.
What is a color palette generator? A color palette generator builds a set of colors that work well together, as hex codes you can use in design and CSS.
It builds a 5-color palette either fully at random or from a base hex color you enter. Using HSL color math it rotates the hue and varies lightness to create complementary, analogous, or monochromatic harmonies, then shows each color's hex code. Everything runs in your browser and nothing is sent anywhere.
Complementary colors sit opposite each other on the color wheel for high contrast. Analogous colors sit next to each other for a calm, cohesive look. Monochromatic palettes use one hue at different lightness and saturation levels.
Each swatch shows a 6-digit hex code like #3366CC. Click a swatch to copy its code, or use Copy all to grab the whole palette, then paste the codes into your design tool, CSS, or document.