Campfire Dreams カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Campfire Dreams palette

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

Campfire Dreams カラー パレット PNG 画像

Download campfire dreams color palette PNG image (landscape)
Download campfire dreams color palette PNG image (square)

Campfire Dreams カラーパレット CSS

/* CSS */
.color-1 {
color: #5a4b8b;
}
.color-2 {
color: #a45b9e;
}
.color-3 {
color: #d680b2;
}
.color-4 {
color: #f4a96c;
}
.color-5 {
color: #f88c3a;
}

/* CSS Variables */
:root {
--color-1: #5a4b8b;
 --color-2: #a45b9e;
 --color-3: #d680b2;
 --color-4: #f4a96c;
 --color-5: #f88c3a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5a4b8b, #a45b9e, #d680b2, #f4a96c, #f88c3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5a4b8b, #a45b9e, #d680b2, #f4a96c, #f88c3a);
}

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

Campfire Dreams color palette created on .