DevKit by Minhazul Ashim

Color Palette Generator

Harmonies: complementary, triadic & more

Loading tool…

About the Color Palette Generator

Generate color palettes from a base color using classic harmony rules — complementary, analogous, triadic, split-complementary, tetradic, and monochromatic. Hit random for inspiration, click any swatch to copy its hex, and export the palette as CSS variables.

How to use

  1. 1Pick a base color or hit Random.
  2. 2Choose a harmony rule.
  3. 3Click swatches to copy, or copy all as CSS variables.

Related Colors & Design tools

Color Palette Generator is part of DevKit100 free, privacy-first tools for developers, students, and everyone, built by Minhazul Ashim. Everything runs in your browser; your data never leaves your machine.