Latte Lily カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Latte Lily palette

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

Latte Lily カラー パレット PNG 画像

Download latte lily color palette PNG image (landscape)
Download latte lily color palette PNG image (square)

Latte Lily カラーパレット CSS

/* CSS */
.color-1 {
color: #d2c7b2;
}
.color-2 {
color: #f2e0d4;
}
.color-3 {
color: #f5c3b2;
}
.color-4 {
color: #e4a78b;
}
.color-5 {
color: #b59a82;
}

/* CSS Variables */
:root {
--color-1: #d2c7b2;
 --color-2: #f2e0d4;
 --color-3: #f5c3b2;
 --color-4: #e4a78b;
 --color-5: #b59a82;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2c7b2, #f2e0d4, #f5c3b2, #e4a78b, #b59a82);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2c7b2, #f2e0d4, #f5c3b2, #e4a78b, #b59a82);
}

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

Latte Lily color palette created on .