Verdant Tranquility カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Verdant Tranquility palette

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

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

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

Verdant Tranquility カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d7b8;
}
.color-2 {
color: #6eb4a2;
}
.color-3 {
color: #4b8b7f;
}
.color-4 {
color: #3f6c6e;
}
.color-5 {
color: #2d4c4e;
}

/* CSS Variables */
:root {
--color-1: #a7d7b8;
 --color-2: #6eb4a2;
 --color-3: #4b8b7f;
 --color-4: #3f6c6e;
 --color-5: #2d4c4e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d7b8, #6eb4a2, #4b8b7f, #3f6c6e, #2d4c4e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d7b8, #6eb4a2, #4b8b7f, #3f6c6e, #2d4c4e);
}

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

Verdant Tranquility color palette created on .