East Coast Mountain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with East Coast Mountain palette

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

East Coast Mountain カラー パレット PNG 画像

Download east coast mountain color palette PNG image (landscape)
Download east coast mountain color palette PNG image (square)

East Coast Mountain カラーパレット CSS

/* CSS */
.color-1 {
color: #a5c6d5;
}
.color-2 {
color: #7b999d;
}
.color-3 {
color: #4a7e8c;
}
.color-4 {
color: #3c5b6d;
}
.color-5 {
color: #304b4b;
}

/* CSS Variables */
:root {
--color-1: #a5c6d5;
 --color-2: #7b999d;
 --color-3: #4a7e8c;
 --color-4: #3c5b6d;
 --color-5: #304b4b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a5c6d5, #7b999d, #4a7e8c, #3c5b6d, #304b4b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a5c6d5, #7b999d, #4a7e8c, #3c5b6d, #304b4b);
}

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

East Coast Mountain color palette created on .