Old Scarlet カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Old Scarlet palette

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

Old Scarlet カラー パレット PNG 画像

Download old scarlet color palette PNG image (landscape)
Download old scarlet color palette PNG image (square)

Old Scarlet カラーパレット CSS

/* CSS */
.color-1 {
color: #c92c3c;
}
.color-2 {
color: #a7393f;
}
.color-3 {
color: #694955;
}
.color-4 {
color: #d57e76;
}
.color-5 {
color: #f1baa2;
}

/* CSS Variables */
:root {
--color-1: #c92c3c;
 --color-2: #a7393f;
 --color-3: #694955;
 --color-4: #d57e76;
 --color-5: #f1baa2;
 }

Old Scarlet の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c92c3c, #a7393f, #694955, #d57e76, #f1baa2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c92c3c, #a7393f, #694955, #d57e76, #f1baa2);
}

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

Old Scarlet color palette created on .