5 colors · #A1DBB2 · #FEE5AD · #FACA66 · #F7A541 · #F45D4C
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #A1DBB2 | 161 219 178 | 138° 45% 75% | |
| #FEE5AD | 254 229 173 | 41° 98% 84% | |
| #FACA66 | 250 202 102 | 41° 94% 69% | |
| #F7A541 | 247 165 65 | 33° 92% 61% | |
| #F45D4C | 244 93 76 | 6° 88% 63% |
Hex list
#A1DBB2, #FEE5AD, #FACA66, #F7A541, #F45D4CCSS variables
:root {
--happy-day-1: #A1DBB2;
--happy-day-2: #FEE5AD;
--happy-day-3: #FACA66;
--happy-day-4: #F7A541;
--happy-day-5: #F45D4C;
}Tailwind v4
@theme {
--color-happy-day-1: #A1DBB2;
--color-happy-day-2: #FEE5AD;
--color-happy-day-3: #FACA66;
--color-happy-day-4: #F7A541;
--color-happy-day-5: #F45D4C;
}JSON
{
"name": "Happy Day !",
"colors": [
"#A1DBB2",
"#FEE5AD",
"#FACA66",
"#F7A541",
"#F45D4C"
],
"source": "https://www.colourlovers.com/palette/1916178/Happy_Day_!"
}