Campfire Scary Stories カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Campfire Scary Stories palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Campfire Scary Stories カラーパレット (PNG) をダウンロード

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

Campfire Scary Stories カラーパレット CSS

/* CSS */
.color-1 {
color: #bf513b;
}
.color-2 {
color: #f6a65a;
}
.color-3 {
color: #f6d55a;
}
.color-4 {
color: #7d9b50;
}
.color-5 {
color: #5a3f3a;
}

/* CSS Variables */
:root {
--color-1: #bf513b;
 --color-2: #f6a65a;
 --color-3: #f6d55a;
 --color-4: #7d9b50;
 --color-5: #5a3f3a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bf513b, #f6a65a, #f6d55a, #7d9b50, #5a3f3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bf513b, #f6a65a, #f6d55a, #7d9b50, #5a3f3a);
}

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

Campfire Scary Stories color palette created on .