Color Palette Generator

Create beautiful color schemes for your projects

Palette Settings

Palette Name

Base Color

Color Variations: 5

Color Format

Palette Type

Show contrast text

My Palette

CSS Variables

:root {

}

Tailwind Config

module.exports = {
  theme: {
    extend: {
      colors: {
        'my-palette': {

        }
      }
    }
  }
}