6 colors · #F7B5E4 · #A49BF3 · #A445DD · #2C2B9F · #D9D9E5 · #FFFFFF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Bubblegum Window | 247 181 228 | 317° 80% 84% | |
| Lilac Glass | 164 155 243 | 246° 79% 78% | |
| Error Violet | 164 69 221 | 278° 69% 57% | |
| System Navy | 44 43 159 | 241° 57% 40% | |
| Dialog Grey | 217 217 229 | 240° 19% 87% | |
| Paper White | 255 255 255 | 0° 0% 100% |
Hex list
#F7B5E4, #A49BF3, #A445DD, #2C2B9F, #D9D9E5, #FFFFFFCSS variables
:root {
--webcore-1: #F7B5E4; /* Bubblegum Window */
--webcore-2: #A49BF3; /* Lilac Glass */
--webcore-3: #A445DD; /* Error Violet */
--webcore-4: #2C2B9F; /* System Navy */
--webcore-5: #D9D9E5; /* Dialog Grey */
--webcore-6: #FFFFFF; /* Paper White */
}Tailwind v4
@theme {
--color-webcore-1: #F7B5E4; /* Bubblegum Window */
--color-webcore-2: #A49BF3; /* Lilac Glass */
--color-webcore-3: #A445DD; /* Error Violet */
--color-webcore-4: #2C2B9F; /* System Navy */
--color-webcore-5: #D9D9E5; /* Dialog Grey */
--color-webcore-6: #FFFFFF; /* Paper White */
}JSON
{
"name": "Webcore",
"colors": [
"#F7B5E4",
"#A49BF3",
"#A445DD",
"#2C2B9F",
"#D9D9E5",
"#FFFFFF"
],
"color_names": [
"Bubblegum Window",
"Lilac Glass",
"Error Violet",
"System Navy",
"Dialog Grey",
"Paper White"
],
"source": null
}