Fever Dream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fever Dream palette

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

Fever Dream カラー パレット PNG 画像

Download fever dream color palette PNG image (landscape)
Download fever dream color palette PNG image (square)

Fever Dream カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9900;
}
.color-3 {
color: #ffcc00;
}
.color-4 {
color: #c4e17f;
}
.color-5 {
color: #8ecc3e;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ff9900;
 --color-3: #ffcc00;
 --color-4: #c4e17f;
 --color-5: #8ecc3e;
 }

Fever Dream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9900, #ffcc00, #c4e17f, #8ecc3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9900, #ffcc00, #c4e17f, #8ecc3e);
}

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

Fever Dream color palette created on .