Tea Ceremony
TeaCeremonyTraditionalCalm
#D8A373
#BF6A1F
#8C4799
#543F32
#2B2B2B
#D8A373
#BF6A1F
#8C4799
#543F32
#2B2B2B
このパレットを使用する
CSS変数
:root {
--color-1: #D8A373;
--color-2: #BF6A1F;
--color-3: #8C4799;
--color-4: #543F32;
--color-5: #2B2B2B;
}Tailwind CSS
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#D8A373',
'2': '#BF6A1F',
'3': '#8C4799',
'4': '#543F32',
'5': '#2B2B2B',
}
}
}
}
}