Mountain Meets the Ocean カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mountain Meets the Ocean palette

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

Mountain Meets the Ocean カラー パレット PNG 画像

Download mountain meets the ocean color palette PNG image (landscape)
Download mountain meets the ocean color palette PNG image (square)

Mountain Meets the Ocean カラーパレット CSS

/* CSS */
.color-1 {
color: #2a808d;
}
.color-2 {
color: #4cb8b1;
}
.color-3 {
color: #76d5b1;
}
.color-4 {
color: #d1e6e5;
}
.color-5 {
color: #f6f8f9;
}

/* CSS Variables */
:root {
--color-1: #2a808d;
 --color-2: #4cb8b1;
 --color-3: #76d5b1;
 --color-4: #d1e6e5;
 --color-5: #f6f8f9;
 }

Mountain Meets the Ocean の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2a808d, #4cb8b1, #76d5b1, #d1e6e5, #f6f8f9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2a808d, #4cb8b1, #76d5b1, #d1e6e5, #f6f8f9);
}

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

下にスクロールして1個のマウンテンカラーパレットを探索しましょう

Mountain Meets the Ocean color palette created on .