6 colors · #567B81 · #B2D9E0 · #FBDBBF · #F9B97F · #CC7229 · #A7BA93
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Dusk Sky | 86 123 129 | 188° 20% 42% | |
| Morning Glacier | 178 217 224 | 189° 43% 79% | |
| Rosy Horizon | 251 219 191 | 28° 88% 87% | |
| Apricot Glows | 249 185 127 | 29° 91% 74% | |
| Moab Breeze | 204 114 41 | 27° 67% 48% | |
| Sagebrush Drift | 167 186 147 | 89° 22% 65% |
Hex list
#567B81, #B2D9E0, #FBDBBF, #F9B97F, #CC7229, #A7BA93CSS variables
:root {
--desert-daybreak-1: #567B81; /* Dusk Sky */
--desert-daybreak-2: #B2D9E0; /* Morning Glacier */
--desert-daybreak-3: #FBDBBF; /* Rosy Horizon */
--desert-daybreak-4: #F9B97F; /* Apricot Glows */
--desert-daybreak-5: #CC7229; /* Moab Breeze */
--desert-daybreak-6: #A7BA93; /* Sagebrush Drift */
}Tailwind v4
@theme {
--color-desert-daybreak-1: #567B81; /* Dusk Sky */
--color-desert-daybreak-2: #B2D9E0; /* Morning Glacier */
--color-desert-daybreak-3: #FBDBBF; /* Rosy Horizon */
--color-desert-daybreak-4: #F9B97F; /* Apricot Glows */
--color-desert-daybreak-5: #CC7229; /* Moab Breeze */
--color-desert-daybreak-6: #A7BA93; /* Sagebrush Drift */
}JSON
{
"name": "Desert Daybreak",
"colors": [
"#567B81",
"#B2D9E0",
"#FBDBBF",
"#F9B97F",
"#CC7229",
"#A7BA93"
],
"color_names": [
"Dusk Sky",
"Morning Glacier",
"Rosy Horizon",
"Apricot Glows",
"Moab Breeze",
"Sagebrush Drift"
],
"source": "https://huaban.com/pins/6562537820"
}