このパレットを使用する
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',
}
}
}
}
}