Velvet Indulgence カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Velvet Indulgence palette

このパレットを共有する先：

Velvet Indulgence カラーパレット CSS

/* CSS */
.color-1 {
color: #4d1b19;
}
.color-2 {
color: #793a39;
}
.color-3 {
color: #a65d59;
}
.color-4 {
color: #d48282;
}
.color-5 {
color: #edb0b0;
}

/* CSS Variables */
:root {
--color-1: #4d1b19;
 --color-2: #793a39;
 --color-3: #a65d59;
 --color-4: #d48282;
 --color-5: #edb0b0;
 }

Velvet Indulgence の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d1b19, #793a39, #a65d59, #d48282, #edb0b0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d1b19, #793a39, #a65d59, #d48282, #edb0b0);
}

似たようなカラーパレット

Velvet Indulgence color palette created on .