Natural Deer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Natural Deer palette

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

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

Download natural deer color palette PNG image (landscape)
Download natural deer color palette PNG image (square)

Natural Deer カラーパレット CSS

/* CSS */
.color-1 {
color: #a78d6c;
}
.color-2 {
color: #c3b89d;
}
.color-3 {
color: #e4d9b4;
}
.color-4 {
color: #c6b3a4;
}
.color-5 {
color: #8e6b5d;
}

/* CSS Variables */
:root {
--color-1: #a78d6c;
 --color-2: #c3b89d;
 --color-3: #e4d9b4;
 --color-4: #c6b3a4;
 --color-5: #8e6b5d;
 }

Natural Deer の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a78d6c, #c3b89d, #e4d9b4, #c6b3a4, #8e6b5d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a78d6c, #c3b89d, #e4d9b4, #c6b3a4, #8e6b5d);
}

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

Natural Deer color palette created on .