Scary Campfire Stories カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Scary Campfire Stories palette

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

Scary Campfire Stories カラー パレット PNG 画像

Download scary campfire stories color palette PNG image (landscape)
Download scary campfire stories color palette PNG image (square)

Scary Campfire Stories カラーパレット CSS

/* CSS */
.color-1 {
color: #2e292a;
}
.color-2 {
color: #c76b3d;
}
.color-3 {
color: #e8aa54;
}
.color-4 {
color: #513c2a;
}
.color-5 {
color: #f5e0b8;
}

/* CSS Variables */
:root {
--color-1: #2e292a;
 --color-2: #c76b3d;
 --color-3: #e8aa54;
 --color-4: #513c2a;
 --color-5: #f5e0b8;
 }

Scary Campfire Stories の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2e292a, #c76b3d, #e8aa54, #513c2a, #f5e0b8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2e292a, #c76b3d, #e8aa54, #513c2a, #f5e0b8);
}

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

Scary Campfire Stories color palette created on .