Verdant Reverie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Verdant Reverie palette

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

Verdant Reverie カラー パレット PNG 画像

Download verdant reverie color palette PNG image (landscape)
Download verdant reverie color palette PNG image (square)

Verdant Reverie カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d7b8;
}
.color-2 {
color: #5e7d78;
}
.color-3 {
color: #3c686d;
}
.color-4 {
color: #2a494c;
}
.color-5 {
color: #1b3b3a;
}

/* CSS Variables */
:root {
--color-1: #a7d7b8;
 --color-2: #5e7d78;
 --color-3: #3c686d;
 --color-4: #2a494c;
 --color-5: #1b3b3a;
 }

Verdant Reverie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d7b8, #5e7d78, #3c686d, #2a494c, #1b3b3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d7b8, #5e7d78, #3c686d, #2a494c, #1b3b3a);
}

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

Verdant Reverie color palette created on .