Summer Festival
FestivalSummerCelebrationVibrant
#FFB11B
#F67280
#C06C84
#6C5B7B
#355C7D
#FFB11B
#F67280
#C06C84
#6C5B7B
#355C7D
このパレットを使用する
CSS変数
:root {
--color-1: #FFB11B;
--color-2: #F67280;
--color-3: #C06C84;
--color-4: #6C5B7B;
--color-5: #355C7D;
}Tailwind CSS
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#FFB11B',
'2': '#F67280',
'3': '#C06C84',
'4': '#6C5B7B',
'5': '#355C7D',
}
}
}
}
}