Creamed Sandstorm カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Creamed Sandstorm palette

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

Creamed Sandstorm カラー パレット PNG 画像

Download creamed sandstorm color palette PNG image (landscape)
Download creamed sandstorm color palette PNG image (square)

Creamed Sandstorm カラーパレット CSS

/* CSS */
.color-1 {
color: #f4e2b8;
}
.color-2 {
color: #e9caa5;
}
.color-3 {
color: #d6b49f;
}
.color-4 {
color: #c39f8d;
}
.color-5 {
color: #a57969;
}

/* CSS Variables */
:root {
--color-1: #f4e2b8;
 --color-2: #e9caa5;
 --color-3: #d6b49f;
 --color-4: #c39f8d;
 --color-5: #a57969;
 }

Creamed Sandstorm の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4e2b8, #e9caa5, #d6b49f, #c39f8d, #a57969);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4e2b8, #e9caa5, #d6b49f, #c39f8d, #a57969);
}

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

Creamed Sandstorm color palette created on .