Childish but Cold カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Childish but Cold palette

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

Childish but Cold カラー パレット PNG 画像

Download childish but cold color palette PNG image (landscape)
Download childish but cold color palette PNG image (square)

Childish but Cold カラーパレット CSS

/* CSS */
.color-1 {
color: #a2c7e7;
}
.color-2 {
color: #7db2e3;
}
.color-3 {
color: #5c9ed1;
}
.color-4 {
color: #4975a7;
}
.color-5 {
color: #2c5b87;
}

/* CSS Variables */
:root {
--color-1: #a2c7e7;
 --color-2: #7db2e3;
 --color-3: #5c9ed1;
 --color-4: #4975a7;
 --color-5: #2c5b87;
 }

Childish but Cold の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a2c7e7, #7db2e3, #5c9ed1, #4975a7, #2c5b87);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a2c7e7, #7db2e3, #5c9ed1, #4975a7, #2c5b87);
}

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

Childish but Cold color palette created on .