5 colors · #68C7C1 · #FACA78 · #F57F5B · #DD5341 · #794A3A
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #68C7C1 | 104 199 193 | 176° 46% 59% | |
| #FACA78 | 250 202 120 | 38° 93% 73% | |
| #F57F5B | 245 127 91 | 14° 89% 66% | |
| #DD5341 | 221 83 65 | 7° 70% 56% | |
| #794A3A | 121 74 58 | 15° 35% 35% |
Hex list
#68C7C1, #FACA78, #F57F5B, #DD5341, #794A3ACSS variables
:root {
--70s-sunshine-1: #68C7C1;
--70s-sunshine-2: #FACA78;
--70s-sunshine-3: #F57F5B;
--70s-sunshine-4: #DD5341;
--70s-sunshine-5: #794A3A;
}Tailwind v4
@theme {
--color-70s-sunshine-1: #68C7C1;
--color-70s-sunshine-2: #FACA78;
--color-70s-sunshine-3: #F57F5B;
--color-70s-sunshine-4: #DD5341;
--color-70s-sunshine-5: #794A3A;
}JSON
{
"name": "70s Sunshine",
"colors": [
"#68C7C1",
"#FACA78",
"#F57F5B",
"#DD5341",
"#794A3A"
],
"source": null
}