Color Palette Generator

Generate harmonious color palettes with color theory

Base Color

Palette Type

Generated Palette

#3b82f6

#f6af3b

Live Preview

Color 1

Color 2

CSS Variables

:root {
  --color-1: #3b82f6;
  --color-2: #f6af3b;
}

Tailwind Config

module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
          1: '#3b82f6',
          2: '#f6af3b',
        }
      }
    }
  }
}