🦊utilfox.dev

Color Palette Generator

Generate beautiful color palettes for your projects. Lock colors, export as CSS variables, Tailwind config, or JSON.

or press Spacebar
Export as:
:root {

}

How to Use Color Palette Generator

  1. Press the Generate button or hit Spacebar to create a new random palette.
  2. Click the lock icon on any color to keep it while regenerating the rest.
  3. View each color's hex, RGB, and HSL values.
  4. Export your palette as CSS custom properties, Tailwind CSS config, or JSON.
  5. Copy individual color values by clicking on them.