Palette

Generate harmonious 5-color palettes.Space to regenerate. Click a swatch to select it; use the lock chip to keep it across regenerations.

Tints & Shades

Lightness ramp for swatch #1 (#3d36a6).

Tints

Shades

Tailwind config

module.exports = {
  theme: {
    extend: {
      colors: {
        'brand-1': '#3d36a6',
        'brand-2': '#6f38c2',
        'brand-3': '#c7d049',
        'brand-4': '#a6d265',
        'brand-5': '#d6bf80'
      }
    }
  }
}