5 colors · #F7A93D · #DF6552 · #CE4458 · #962662 · #590C68
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F7A93D | 247 169 61 | 35° 92% 60% | |
| #DF6552 | 223 101 82 | 8° 69% 60% | |
| #CE4458 | 206 68 88 | 351° 58% 54% | |
| #962662 | 150 38 98 | 328° 60% 37% | |
| #590C68 | 89 12 104 | 290° 79% 23% |
Hex list
#F7A93D, #DF6552, #CE4458, #962662, #590C68CSS variables
:root {
--tropical-vaporwave-1: #F7A93D;
--tropical-vaporwave-2: #DF6552;
--tropical-vaporwave-3: #CE4458;
--tropical-vaporwave-4: #962662;
--tropical-vaporwave-5: #590C68;
}Tailwind v4
@theme {
--color-tropical-vaporwave-1: #F7A93D;
--color-tropical-vaporwave-2: #DF6552;
--color-tropical-vaporwave-3: #CE4458;
--color-tropical-vaporwave-4: #962662;
--color-tropical-vaporwave-5: #590C68;
}JSON
{
"name": "Tropical Vaporwave",
"colors": [
"#F7A93D",
"#DF6552",
"#CE4458",
"#962662",
"#590C68"
],
"source": null
}