Generate beautiful color palettes from a base color. Click any swatch to copy the hex value.
A complementary palette uses two colors directly opposite each other on the color wheel. The contrast is high and the combination is bold and eye-catching. A complementary palette works well for calls to action and highlighted elements.
An analogous palette uses three colors that sit next to each other on the color wheel. These palettes are harmonious and easy on the eye. They are good for backgrounds and general page color schemes where you want a cohesive feel without strong contrast.
A triadic palette uses three colors evenly spaced around the color wheel at 120 degrees apart. These palettes are vibrant and offer good contrast while remaining balanced. A tetradic palette uses four colors at 90 degrees apart for even more variety.
A monochromatic palette uses different shades, tints, and tones of the same hue. These palettes are the easiest to get right and always look polished. They work well for minimal and professional designs.
Click any color swatch to copy its hex value. Paste it directly into your CSS, Figma, Sketch, or any design tool. You can also click Copy All HEX to get all the values at once as a comma-separated list.
No. Everything runs in your browser. Nothing is sent to any server.