• MMHome
MM
  • Work
  • Tools
  • Games
  • Playground
  • Backoffice
  • About me
  • Contact me
All tools

Color palette generator

Create harmonious shades and export your colors for design and development.

1. Create your palette

Ready-to-customize palettes for your designs.

Contrast shift0.00

Shade count

11

2. Explore the shades

Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty
Empty

3. Use in code

CSS / HEX
:root {
  --violet-50: #f7f8ff;
  --violet-100: #deddff;
  --violet-200: #c7c2ff;
  --violet-300: #b2a5ff;
  --violet-400: #a186ff;
  --violet-500: #8f6dea;
  --violet-600: #744ec4;
  --violet-700: #59329a;
  --violet-800: #3e1a6e;
  --violet-900: #230940;
  --violet-950: #07040c;
}