Palette Generator

Tap a swatch to copy its hex. Lock the ones you love, then regenerate the rest (or press space).

tailwind.config.js

colors: {
  palette: {
    100: '#0f5132',
    200: '#e8c547',
    300: '#1f2937',
    400: '#2563eb',
    500: '#be185d',
  },
}