Forest Whisper カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Forest Whisper palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Forest Whisper カラーパレット (PNG) をダウンロード

Download forest whisper color palette PNG image (landscape)
Download forest whisper color palette PNG image (square)

Forest Whisper カラーパレット CSS

/* CSS */
.color-1 {
color: #afa15a;
}
.color-2 {
color: #202c1c;
}
.color-3 {
color: #b7d5e1;
}
.color-4 {
color: #5a5d37;
}
.color-5 {
color: #887c3f;
}

/* CSS Variables */
:root {
--color-1: #afa15a;
 --color-2: #202c1c;
 --color-3: #b7d5e1;
 --color-4: #5a5d37;
 --color-5: #887c3f;
 }

Forest Whisper の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #afa15a, #202c1c, #b7d5e1, #5a5d37, #887c3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #afa15a, #202c1c, #b7d5e1, #5a5d37, #887c3f);
}

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

Forest Whisper color palette created on .