Tropical Elixir カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tropical Elixir palette

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

Tropical Elixir カラー パレット PNG 画像

Download tropical elixir color palette PNG image (landscape)
Download tropical elixir color palette PNG image (square)

Tropical Elixir カラーパレット CSS

/* CSS */
.color-1 {
color: #a55d3b;
}
.color-2 {
color: #6e3b3a;
}
.color-3 {
color: #c1a77b;
}
.color-4 {
color: #e8b5c0;
}
.color-5 {
color: #f0c19e;
}

/* CSS Variables */
:root {
--color-1: #a55d3b;
 --color-2: #6e3b3a;
 --color-3: #c1a77b;
 --color-4: #e8b5c0;
 --color-5: #f0c19e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a55d3b, #6e3b3a, #c1a77b, #e8b5c0, #f0c19e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a55d3b, #6e3b3a, #c1a77b, #e8b5c0, #f0c19e);
}

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

Tropical Elixir color palette created on .