5 colors · #FC8585 · #FFC86D · #FDBBA2 · #F6EADB · #85CBD9
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FC8585 | 252 133 133 | 0° 95% 75% | |
| #FFC86D | 255 200 109 | 37° 100% 71% | |
| #FDBBA2 | 253 187 162 | 16° 96% 81% | |
| #F6EADB | 246 234 219 | 33° 60% 91% | |
| #85CBD9 | 133 203 217 | 190° 52% 69% |
Hex list
#FC8585, #FFC86D, #FDBBA2, #F6EADB, #85CBD9CSS variables
:root {
--heavenly-summer-1: #FC8585;
--heavenly-summer-2: #FFC86D;
--heavenly-summer-3: #FDBBA2;
--heavenly-summer-4: #F6EADB;
--heavenly-summer-5: #85CBD9;
}Tailwind v4
@theme {
--color-heavenly-summer-1: #FC8585;
--color-heavenly-summer-2: #FFC86D;
--color-heavenly-summer-3: #FDBBA2;
--color-heavenly-summer-4: #F6EADB;
--color-heavenly-summer-5: #85CBD9;
}JSON
{
"name": "Heavenly Summer",
"colors": [
"#FC8585",
"#FFC86D",
"#FDBBA2",
"#F6EADB",
"#85CBD9"
],
"source": "https://www.schemecolor.com/heavenly-summer.php"
}