Tropical Ember Symphony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tropical Ember Symphony palette

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

Tropical Ember Symphony カラー パレット PNG 画像

Download tropical ember symphony color palette PNG image (landscape)
Download tropical ember symphony color palette PNG image (square)

Tropical Ember Symphony カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9f80;
}
.color-3 {
color: #ffcc99;
}
.color-4 {
color: #ffe5e5;
}
.color-5 {
color: #ffb3b3;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ff9f80;
 --color-3: #ffcc99;
 --color-4: #ffe5e5;
 --color-5: #ffb3b3;
 }

Tropical Ember Symphony の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9f80, #ffcc99, #ffe5e5, #ffb3b3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9f80, #ffcc99, #ffe5e5, #ffb3b3);
}

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

Tropical Ember Symphony color palette created on .