Squirrel's Nest カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Squirrel's Nest palette

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

Squirrel's Nest カラー パレット PNG 画像

Download squirrel's nest color palette PNG image (landscape)
Download squirrel's nest color palette PNG image (square)

Squirrel's Nest カラーパレット CSS

/* CSS */
.color-1 {
color: #d4c4b5;
}
.color-2 {
color: #b2a199;
}
.color-3 {
color: #8a7a6a;
}
.color-4 {
color: #695d4f;
}
.color-5 {
color: #4d3e33;
}

/* CSS Variables */
:root {
--color-1: #d4c4b5;
 --color-2: #b2a199;
 --color-3: #8a7a6a;
 --color-4: #695d4f;
 --color-5: #4d3e33;
 }

Squirrel's Nest の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4c4b5, #b2a199, #8a7a6a, #695d4f, #4d3e33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4c4b5, #b2a199, #8a7a6a, #695d4f, #4d3e33);
}

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

Squirrel's Nest color palette created on .