6 colors · #A077FF · #D6BBFF · #FFCAF8 · #FE86C1 · #40CBEA · #9CEBEE
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #A077FF | 160 119 255 | 258° 100% 73% | |
| #D6BBFF | 214 187 255 | 264° 100% 87% | |
| #FFCAF8 | 255 202 248 | 308° 100% 90% | |
| #FE86C1 | 254 134 193 | 331° 98% 76% | |
| #40CBEA | 64 203 234 | 191° 80% 58% | |
| #9CEBEE | 156 235 238 | 182° 71% 77% |
Hex list
#A077FF, #D6BBFF, #FFCAF8, #FE86C1, #40CBEA, #9CEBEECSS variables
:root {
--bubblegum-sky-1: #A077FF;
--bubblegum-sky-2: #D6BBFF;
--bubblegum-sky-3: #FFCAF8;
--bubblegum-sky-4: #FE86C1;
--bubblegum-sky-5: #40CBEA;
--bubblegum-sky-6: #9CEBEE;
}Tailwind v4
@theme {
--color-bubblegum-sky-1: #A077FF;
--color-bubblegum-sky-2: #D6BBFF;
--color-bubblegum-sky-3: #FFCAF8;
--color-bubblegum-sky-4: #FE86C1;
--color-bubblegum-sky-5: #40CBEA;
--color-bubblegum-sky-6: #9CEBEE;
}JSON
{
"name": "Bubblegum Sky",
"colors": [
"#A077FF",
"#D6BBFF",
"#FFCAF8",
"#FE86C1",
"#40CBEA",
"#9CEBEE"
],
"source": null
}