Share
Generate harmonious color palettes from any base color
Generate beautiful color palettes from any base color. Choose harmony mode — complementary, triadic, analogous, split-complementary, or monochromatic — and instantly get hex, RGB, and HSL values. Export as CSS custom properties or Tailwind config.
Create professional color schemes and export them as CSS or Tailwind code in just a few clicks.
Select your base color
Input your starting Hex, RGB, or HSL value into the color picker to begin the generation process.
Choose a color harmony mode
Select from complementary, triadic, analogous, split-complementary, or monochromatic modes to define your palette structure.
Review the generated swatches
Instantly view the resulting color palette and inspect the individual Hex, RGB, and HSL values for each shade.
Export your palette code
Copy the generated code as CSS custom properties or a Tailwind configuration object to use in your project.
Estimated time: PT1M
Share this tool