Smoky Mountains カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Smoky Mountains palette

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

Smoky Mountains カラー パレット PNG 画像

Download smoky mountains color palette PNG image (landscape)
Download smoky mountains color palette PNG image (square)

Smoky Mountains カラーパレット CSS

/* CSS */
.color-1 {
color: #a0baca;
}
.color-2 {
color: #6c8e9d;
}
.color-3 {
color: #3d5a66;
}
.color-4 {
color: #2d4c52;
}
.color-5 {
color: #1c3b3f;
}

/* CSS Variables */
:root {
--color-1: #a0baca;
 --color-2: #6c8e9d;
 --color-3: #3d5a66;
 --color-4: #2d4c52;
 --color-5: #1c3b3f;
 }

Smoky Mountains の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a0baca, #6c8e9d, #3d5a66, #2d4c52, #1c3b3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a0baca, #6c8e9d, #3d5a66, #2d4c52, #1c3b3f);
}

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

Smoky Mountains color palette created on .