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 .