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 .