Step to Our Past カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Step to Our Past palette

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

Step to Our Past カラーパレット (PNG) をダウンロード

Download step to our past color palette PNG image (landscape)
Download step to our past color palette PNG image (square)

Step to Our Past カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb84d;
}
.color-2 {
color: #ff8b3d;
}
.color-3 {
color: #ff5e3d;
}
.color-4 {
color: #d84f4f;
}
.color-5 {
color: #b63e74;
}

/* CSS Variables */
:root {
--color-1: #ffb84d;
 --color-2: #ff8b3d;
 --color-3: #ff5e3d;
 --color-4: #d84f4f;
 --color-5: #b63e74;
 }

Step to Our Past の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb84d, #ff8b3d, #ff5e3d, #d84f4f, #b63e74);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb84d, #ff8b3d, #ff5e3d, #d84f4f, #b63e74);
}

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

Step to Our Past color palette created on .