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: #8dc3c0;
}
.color-2 {
color: #f2b53a;
}
.color-3 {
color: #e4aa5e;
}
.color-4 {
color: #d96d3f;
}
.color-5 {
color: #794a39;
}

/* CSS Variables */
:root {
--color-1: #8dc3c0;
 --color-2: #f2b53a;
 --color-3: #e4aa5e;
 --color-4: #d96d3f;
 --color-5: #794a39;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8dc3c0, #f2b53a, #e4aa5e, #d96d3f, #794a39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8dc3c0, #f2b53a, #e4aa5e, #d96d3f, #794a39);
}

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

Peaceful Loincloth color palette created on .