Loading...

Serene Succulent カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Serene Succulent palette

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

Serene Succulent カラーパレット (PNG) をダウンロード

Download serene succulent color palette PNG image (landscape)
Download serene succulent color palette PNG image (square)

Serene Succulent カラーパレット CSS

/* CSS */
.color-1 {
color: #a8e1d4;
}
.color-2 {
color: #b2e6c5;
}
.color-3 {
color: #c2edb0;
}
.color-4 {
color: #f7e2ab;
}
.color-5 {
color: #f8caa5;
}

/* CSS Variables */
:root {
--color-1: #a8e1d4;
 --color-2: #b2e6c5;
 --color-3: #c2edb0;
 --color-4: #f7e2ab;
 --color-5: #f8caa5;
 }

Serene Succulent の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8e1d4, #b2e6c5, #c2edb0, #f7e2ab, #f8caa5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8e1d4, #b2e6c5, #c2edb0, #f7e2ab, #f8caa5);
}

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

Serene Succulent color palette created on .