Arctic Beige カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Arctic Beige palette

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

Arctic Beige カラー パレット PNG 画像

Download arctic beige color palette PNG image (landscape)
Download arctic beige color palette PNG image (square)

Arctic Beige カラーパレット CSS

/* CSS */
.color-1 {
color: #d5cec3;
}
.color-2 {
color: #a2b9a3;
}
.color-3 {
color: #7d9b95;
}
.color-4 {
color: #5b7e8b;
}
.color-5 {
color: #3b6878;
}

/* CSS Variables */
:root {
--color-1: #d5cec3;
 --color-2: #a2b9a3;
 --color-3: #7d9b95;
 --color-4: #5b7e8b;
 --color-5: #3b6878;
 }

Arctic Beige の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d5cec3, #a2b9a3, #7d9b95, #5b7e8b, #3b6878);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d5cec3, #a2b9a3, #7d9b95, #5b7e8b, #3b6878);
}

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

Arctic Beige color palette created on .