Loading...

Juniper and Moon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Juniper and Moon palette

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

Juniper and Moon カラーパレット (PNG) をダウンロード

Download juniper and moon color palette PNG image (landscape)
Download juniper and moon color palette PNG image (square)

Juniper and Moon カラーパレット CSS

/* CSS */
.color-1 {
color: #1e3a4d;
}
.color-2 {
color: #2e7e7f;
}
.color-3 {
color: #5aba8f;
}
.color-4 {
color: #a7d7b8;
}
.color-5 {
color: #f0e9d1;
}

/* CSS Variables */
:root {
--color-1: #1e3a4d;
 --color-2: #2e7e7f;
 --color-3: #5aba8f;
 --color-4: #a7d7b8;
 --color-5: #f0e9d1;
 }

Juniper and Moon の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3a4d, #2e7e7f, #5aba8f, #a7d7b8, #f0e9d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3a4d, #2e7e7f, #5aba8f, #a7d7b8, #f0e9d1);
}

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

Juniper and Moon color palette created on .