Color Palette Generator

Generate beautiful color palettes from a base color. Export as CSS or JSON.

Base Color

#6366F1

Palette Type

Generated Palette

CSS Custom Properties

:root {
  --palette-1: #64ADF2; /* -30 */
  --palette-2: #648AF2; /* -15 */
  --palette-3: #6467F2; /* Base */
  --palette-4: #8564F2; /* +15 */
  --palette-5: #A864F2; /* +30 */
}

About Color Palette Generator

Free color palette generator that creates harmonious color schemes from any base color using color theory algorithms. Generate complementary, analogous, triadic, split-complementary, and monochromatic palettes. Copy individual color codes in HEX, RGB, or HSL format, or export the entire palette as CSS custom properties or JSON. Ideal for designers building brand identities, UI kits, and website color schemes.

Frequently Asked Questions

What color harmony types are available?▾

The tool generates complementary (opposite colors), analogous (adjacent colors), triadic (three evenly spaced), split-complementary (base + two adjacent to complement), and monochromatic (shades of one color) palettes based on color theory.

Can I export the palette for use in my project?▾

Yes. You can copy individual color codes in HEX, RGB, or HSL format, or export the entire palette as CSS custom properties or a JSON object for direct use in your design or development project.