Peaceful Loincloth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Peaceful Loincloth palette

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

Peaceful Loincloth カラー パレット PNG 画像

Download peaceful loincloth color palette PNG image (landscape)
Download peaceful loincloth color palette PNG image (square)

Peaceful Loincloth カラーパレット CSS

/* CSS */
.color-1 {
color: #e2a86a;
}
.color-2 {
color: #d19c6b;
}
.color-3 {
color: #b48e6a;
}
.color-4 {
color: #8c6f5a;
}
.color-5 {
color: #4e4b4b;
}

/* CSS Variables */
:root {
--color-1: #e2a86a;
 --color-2: #d19c6b;
 --color-3: #b48e6a;
 --color-4: #8c6f5a;
 --color-5: #4e4b4b;
 }

Peaceful Loincloth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e2a86a, #d19c6b, #b48e6a, #8c6f5a, #4e4b4b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e2a86a, #d19c6b, #b48e6a, #8c6f5a, #4e4b4b);
}

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

Peaceful Loincloth color palette created on .