Sunset in the Garden of Peace カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunset in the Garden of Peace palette

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

Sunset in the Garden of Peace カラーパレット CSS

/* CSS */
.color-1 {
color: #f0e78e;
}
.color-2 {
color: #e2af40;
}
.color-3 {
color: #d6803d;
}
.color-4 {
color: #a44a3d;
}
.color-5 {
color: #5c2d3f;
}

/* CSS Variables */
:root {
--color-1: #f0e78e;
 --color-2: #e2af40;
 --color-3: #d6803d;
 --color-4: #a44a3d;
 --color-5: #5c2d3f;
 }

Sunset in the Garden of Peace の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0e78e, #e2af40, #d6803d, #a44a3d, #5c2d3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0e78e, #e2af40, #d6803d, #a44a3d, #5c2d3f);
}

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

Sunset in the Garden of Peace color palette created on .