Teal Ice カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Teal Ice palette

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

Teal Ice カラー パレット PNG 画像

Download teal ice color palette PNG image (landscape)
Download teal ice color palette PNG image (square)

Teal Ice カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d3d0;
}
.color-2 {
color: #b2e0de;
}
.color-3 {
color: #c5e7e4;
}
.color-4 {
color: #d8f3f1;
}
.color-5 {
color: #e5ffff;
}

/* CSS Variables */
:root {
--color-1: #a7d3d0;
 --color-2: #b2e0de;
 --color-3: #c5e7e4;
 --color-4: #d8f3f1;
 --color-5: #e5ffff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d3d0, #b2e0de, #c5e7e4, #d8f3f1, #e5ffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d3d0, #b2e0de, #c5e7e4, #d8f3f1, #e5ffff);
}

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

Teal Ice color palette created on .