5 colors · #EFD780 · #C8CE72 · #F38081 · #F79977 · #BDD8F1
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #EFD780 | 239 215 128 | 47° 78% 72% | |
| #C8CE72 | 200 206 114 | 64° 48% 63% | |
| #F38081 | 243 128 129 | 359° 83% 73% | |
| #F79977 | 247 153 119 | 16° 89% 72% | |
| #BDD8F1 | 189 216 241 | 209° 65% 84% |
Hex list
#EFD780, #C8CE72, #F38081, #F79977, #BDD8F1CSS variables
:root {
--meyer-lemon-daydream-1: #EFD780;
--meyer-lemon-daydream-2: #C8CE72;
--meyer-lemon-daydream-3: #F38081;
--meyer-lemon-daydream-4: #F79977;
--meyer-lemon-daydream-5: #BDD8F1;
}Tailwind v4
@theme {
--color-meyer-lemon-daydream-1: #EFD780;
--color-meyer-lemon-daydream-2: #C8CE72;
--color-meyer-lemon-daydream-3: #F38081;
--color-meyer-lemon-daydream-4: #F79977;
--color-meyer-lemon-daydream-5: #BDD8F1;
}JSON
{
"name": "Meyer Lemon Daydream",
"colors": [
"#EFD780",
"#C8CE72",
"#F38081",
"#F79977",
"#BDD8F1"
],
"source": null
}