Material палитра

CSS-переменные

:root {
  --color-1: #F44336;
  --color-2: #2196F3;
  --color-3: #4CAF50;
  --color-4: #FFEB3B;
  --color-5: #9C27B0;
}

Tailwind config

// tailwind.config.js
colors: {
  "material-1": "#F44336",
  "material-2": "#2196F3",
  "material-3": "#4CAF50",
  "material-4": "#FFEB3B",
  "material-5": "#9C27B0",
}

Об этой палитре

Палитра Material — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.

Ещё палитры