紅葉炎

紅葉情熱自然
#D12D2D
#E25822
#F88F32
#F8C471
#FFF1D0
#D12D2D
#E25822
#F88F32
#F8C471
#FFF1D0

このパレットを使用する

CSS変数

:root {
  --color-1: #D12D2D;
  --color-2: #E25822;
  --color-3: #F88F32;
  --color-4: #F8C471;
  --color-5: #FFF1D0;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#D12D2D',
      '2': '#E25822',
      '3': '#F88F32',
      '4': '#F8C471',
      '5': '#FFF1D0',
        }
      }
    }
  }
}