Zen Garden
GardenNatureZenCalm
#7BA23F
#86C166
#A8C97F
#BDC0BA
#ECF4E7
#7BA23F
#86C166
#A8C97F
#BDC0BA
#ECF4E7
このパレットを使用する
CSS変数
:root {
--color-1: #7BA23F;
--color-2: #86C166;
--color-3: #A8C97F;
--color-4: #BDC0BA;
--color-5: #ECF4E7;
}Tailwind CSS
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#7BA23F',
'2': '#86C166',
'3': '#A8C97F',
'4': '#BDC0BA',
'5': '#ECF4E7',
}
}
}
}
}