Chai Tea Latte カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chai Tea Latte palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download chai tea latte color palette PNG image (landscape)
Download chai tea latte color palette PNG image (square)

Chai Tea Latte カラーパレット CSS

/* CSS */
.color-1 {
color: #d3b58d;
}
.color-2 {
color: #c39c79;
}
.color-3 {
color: #b48d6e;
}
.color-4 {
color: #dfc0a4;
}
.color-5 {
color: #6f4c3e;
}

/* CSS Variables */
:root {
--color-1: #d3b58d;
 --color-2: #c39c79;
 --color-3: #b48d6e;
 --color-4: #dfc0a4;
 --color-5: #6f4c3e;
 }

Chai Tea Latte の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3b58d, #c39c79, #b48d6e, #dfc0a4, #6f4c3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3b58d, #c39c79, #b48d6e, #dfc0a4, #6f4c3e);
}

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

Chai Tea Latte color palette created on .