Birchwood カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Birchwood palette

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

Birchwood カラー パレット PNG 画像

Download birchwood color palette PNG image (landscape)
Download birchwood color palette PNG image (square)

Birchwood カラーパレット CSS

/* CSS */
.color-1 {
color: #d9cbaf;
}
.color-2 {
color: #c1b29a;
}
.color-3 {
color: #a59e8d;
}
.color-4 {
color: #8e8a7b;
}
.color-5 {
color: #6a5e4d;
}

/* CSS Variables */
:root {
--color-1: #d9cbaf;
 --color-2: #c1b29a;
 --color-3: #a59e8d;
 --color-4: #8e8a7b;
 --color-5: #6a5e4d;
 }

Birchwood の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9cbaf, #c1b29a, #a59e8d, #8e8a7b, #6a5e4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9cbaf, #c1b29a, #a59e8d, #8e8a7b, #6a5e4d);
}

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

Birchwood color palette created on .