Fawn Whispers カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fawn Whispers palette

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

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

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

Fawn Whispers カラーパレット CSS

/* CSS */
.color-1 {
color: #e3d7ca;
}
.color-2 {
color: #ede0d4;
}
.color-3 {
color: #f4e9d2;
}
.color-4 {
color: #f0d6b7;
}
.color-5 {
color: #decaba;
}

/* CSS Variables */
:root {
--color-1: #e3d7ca;
 --color-2: #ede0d4;
 --color-3: #f4e9d2;
 --color-4: #f0d6b7;
 --color-5: #decaba;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e3d7ca, #ede0d4, #f4e9d2, #f0d6b7, #decaba);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e3d7ca, #ede0d4, #f4e9d2, #f0d6b7, #decaba);
}

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

Fawn Whispers color palette created on .