Chilean Serenity カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chilean Serenity palette

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

Chilean Serenity カラー パレット PNG 画像

Download chilean serenity color palette PNG image (landscape)
Download chilean serenity color palette PNG image (square)

Chilean Serenity カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d7b8;
}
.color-2 {
color: #f2e2a1;
}
.color-3 {
color: #f9c09f;
}
.color-4 {
color: #b4cfe9;
}
.color-5 {
color: #5c8a8a;
}

/* CSS Variables */
:root {
--color-1: #a7d7b8;
 --color-2: #f2e2a1;
 --color-3: #f9c09f;
 --color-4: #b4cfe9;
 --color-5: #5c8a8a;
 }

Chilean Serenity の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d7b8, #f2e2a1, #f9c09f, #b4cfe9, #5c8a8a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d7b8, #f2e2a1, #f9c09f, #b4cfe9, #5c8a8a);
}

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

Chilean Serenity color palette created on .