Cozy Scandinavian Vintage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cozy Scandinavian Vintage palette

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

Cozy Scandinavian Vintage カラー パレット PNG 画像

Download cozy scandinavian vintage color palette PNG image (landscape)
Download cozy scandinavian vintage color palette PNG image (square)

Cozy Scandinavian Vintage カラーパレット CSS

/* CSS */
.color-1 {
color: #d9c5a5;
}
.color-2 {
color: #a7b29f;
}
.color-3 {
color: #7c8d8a;
}
.color-4 {
color: #5c6d70;
}
.color-5 {
color: #4f4e50;
}

/* CSS Variables */
:root {
--color-1: #d9c5a5;
 --color-2: #a7b29f;
 --color-3: #7c8d8a;
 --color-4: #5c6d70;
 --color-5: #4f4e50;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9c5a5, #a7b29f, #7c8d8a, #5c6d70, #4f4e50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9c5a5, #a7b29f, #7c8d8a, #5c6d70, #4f4e50);
}

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

Cozy Scandinavian Vintage color palette created on .