5 colors · #0081A7 · #00AFB9 · #FDFCDC · #FED9B7 · #F07167
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #0081A7 | 0 129 167 | 194° 100% 33% | |
| #00AFB9 | 0 175 185 | 183° 100% 36% | |
| #FDFCDC | 253 252 220 | 58° 89% 93% | |
| #FED9B7 | 254 217 183 | 29° 97% 86% | |
| #F07167 | 240 113 103 | 4° 82% 67% |
Hex list
#0081A7, #00AFB9, #FDFCDC, #FED9B7, #F07167CSS variables
:root {
--summer-dream-1: #0081A7;
--summer-dream-2: #00AFB9;
--summer-dream-3: #FDFCDC;
--summer-dream-4: #FED9B7;
--summer-dream-5: #F07167;
}Tailwind v4
@theme {
--color-summer-dream-1: #0081A7;
--color-summer-dream-2: #00AFB9;
--color-summer-dream-3: #FDFCDC;
--color-summer-dream-4: #FED9B7;
--color-summer-dream-5: #F07167;
}JSON
{
"name": "Summer Dream",
"colors": [
"#0081A7",
"#00AFB9",
"#FDFCDC",
"#FED9B7",
"#F07167"
],
"source": "https://coolors.co/palette/0081a7-00afb9-fdfcdc-fed9b7-f07167"
}