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 .