Cherriblossom Ice Tea カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cherriblossom Ice Tea palette

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

Cherriblossom Ice Tea カラー パレット PNG 画像

Download cherriblossom ice tea color palette PNG image (landscape)
Download cherriblossom ice tea color palette PNG image (square)

Cherriblossom Ice Tea カラーパレット CSS

/* CSS */
.color-1 {
color: #f9b4c0;
}
.color-2 {
color: #f49fb3;
}
.color-3 {
color: #f6c5b6;
}
.color-4 {
color: #f1d6b7;
}
.color-5 {
color: #e3c8ba;
}

/* CSS Variables */
:root {
--color-1: #f9b4c0;
 --color-2: #f49fb3;
 --color-3: #f6c5b6;
 --color-4: #f1d6b7;
 --color-5: #e3c8ba;
 }

Cherriblossom Ice Tea の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9b4c0, #f49fb3, #f6c5b6, #f1d6b7, #e3c8ba);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9b4c0, #f49fb3, #f6c5b6, #f1d6b7, #e3c8ba);
}

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

Cherriblossom Ice Tea color palette created on .