Fawn Shades カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fawn Shades palette

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

Fawn Shades カラー パレット PNG 画像

Download fawn shades color palette PNG image (landscape)
Download fawn shades color palette PNG image (square)

Fawn Shades カラーパレット CSS

/* CSS */
.color-1 {
color: #d9c5a1;
}
.color-2 {
color: #f2e1c4;
}
.color-3 {
color: #d6b98a;
}
.color-4 {
color: #a86d4d;
}
.color-5 {
color: #795a39;
}

/* CSS Variables */
:root {
--color-1: #d9c5a1;
 --color-2: #f2e1c4;
 --color-3: #d6b98a;
 --color-4: #a86d4d;
 --color-5: #795a39;
 }

Fawn Shades の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9c5a1, #f2e1c4, #d6b98a, #a86d4d, #795a39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9c5a1, #f2e1c4, #d6b98a, #a86d4d, #795a39);
}

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

Fawn Shades color palette created on .