Amber Ice Tea カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Amber Ice Tea palette

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

Amber Ice Tea カラーパレット (PNG) をダウンロード

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

Amber Ice Tea カラーパレット CSS

/* CSS */
.color-1 {
color: #c9b09c;
}
.color-2 {
color: #f0a400;
}
.color-3 {
color: #f9c54e;
}
.color-4 {
color: #4d9d9b;
}
.color-5 {
color: #2a9d90;
}

/* CSS Variables */
:root {
--color-1: #c9b09c;
 --color-2: #f0a400;
 --color-3: #f9c54e;
 --color-4: #4d9d9b;
 --color-5: #2a9d90;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c9b09c, #f0a400, #f9c54e, #4d9d9b, #2a9d90);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c9b09c, #f0a400, #f9c54e, #4d9d9b, #2a9d90);
}

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

Amber Ice Tea color palette created on .