5 colors · #058789 · #503D2E · #D54B1A · #E3A72F · #F0ECC9
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #058789 | 5 135 137 | 181° 93% 28% | |
| #503D2E | 80 61 46 | 26° 27% 25% | |
| #D54B1A | 213 75 26 | 16° 78% 47% | |
| #E3A72F | 227 167 47 | 40° 76% 54% | |
| #F0ECC9 | 240 236 201 | 54° 57% 86% |
Hex list
#058789, #503D2E, #D54B1A, #E3A72F, #F0ECC9CSS variables
:root {
--playroom-1: #058789;
--playroom-2: #503D2E;
--playroom-3: #D54B1A;
--playroom-4: #E3A72F;
--playroom-5: #F0ECC9;
}Tailwind v4
@theme {
--color-playroom-1: #058789;
--color-playroom-2: #503D2E;
--color-playroom-3: #D54B1A;
--color-playroom-4: #E3A72F;
--color-playroom-5: #F0ECC9;
}JSON
{
"name": "Playroom",
"colors": [
"#058789",
"#503D2E",
"#D54B1A",
"#E3A72F",
"#F0ECC9"
],
"source": "https://www.colourlovers.com/palette/1047246/Playroom"
}