Mountain Sky カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mountain Sky palette

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

Mountain Sky カラー パレット PNG 画像

Download mountain sky color palette PNG image (landscape)
Download mountain sky color palette PNG image (square)

Mountain Sky カラーパレット CSS

/* CSS */
.color-1 {
color: #6b8f24;
}
.color-2 {
color: #4e7e97;
}
.color-3 {
color: #89cfeb;
}
.color-4 {
color: #f0e78e;
}
.color-5 {
color: #d3b58d;
}

/* CSS Variables */
:root {
--color-1: #6b8f24;
 --color-2: #4e7e97;
 --color-3: #89cfeb;
 --color-4: #f0e78e;
 --color-5: #d3b58d;
 }

Mountain Sky の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6b8f24, #4e7e97, #89cfeb, #f0e78e, #d3b58d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6b8f24, #4e7e97, #89cfeb, #f0e78e, #d3b58d);
}

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

下にスクロールして2個のフォレストカラーパレットを探索しましょう

Mountain Sky color palette created on .