Velvet Vintage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Velvet Vintage palette

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

Velvet Vintage カラー パレット PNG 画像

Download velvet vintage color palette PNG image (landscape)
Download velvet vintage color palette PNG image (square)

Velvet Vintage カラーパレット CSS

/* CSS */
.color-1 {
color: #d5cec3;
}
.color-2 {
color: #b89a84;
}
.color-3 {
color: #a86d5d;
}
.color-4 {
color: #7d4b3b;
}
.color-5 {
color: #4b2c2a;
}

/* CSS Variables */
:root {
--color-1: #d5cec3;
 --color-2: #b89a84;
 --color-3: #a86d5d;
 --color-4: #7d4b3b;
 --color-5: #4b2c2a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d5cec3, #b89a84, #a86d5d, #7d4b3b, #4b2c2a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d5cec3, #b89a84, #a86d5d, #7d4b3b, #4b2c2a);
}

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

Velvet Vintage color palette created on .