6 colors · #FAD4D9 · #FCE9B2 · #F8D7C6 · #FFEDF3 · #E0EED5 · #F2CCE3
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FAD4D9 | 250 212 217 | 352° 79% 91% | |
| #FCE9B2 | 252 233 178 | 45° 93% 84% | |
| #F8D7C6 | 248 215 198 | 20° 78% 87% | |
| #FFEDF3 | 255 237 243 | 340° 100% 96% | |
| #E0EED5 | 224 238 213 | 94° 42% 88% | |
| #F2CCE3 | 242 204 227 | 324° 59% 87% |
Hex list
#FAD4D9, #FCE9B2, #F8D7C6, #FFEDF3, #E0EED5, #F2CCE3CSS variables
:root {
--kawaii-1: #FAD4D9;
--kawaii-2: #FCE9B2;
--kawaii-3: #F8D7C6;
--kawaii-4: #FFEDF3;
--kawaii-5: #E0EED5;
--kawaii-6: #F2CCE3;
}Tailwind v4
@theme {
--color-kawaii-1: #FAD4D9;
--color-kawaii-2: #FCE9B2;
--color-kawaii-3: #F8D7C6;
--color-kawaii-4: #FFEDF3;
--color-kawaii-5: #E0EED5;
--color-kawaii-6: #F2CCE3;
}JSON
{
"name": "Kawaii",
"colors": [
"#FAD4D9",
"#FCE9B2",
"#F8D7C6",
"#FFEDF3",
"#E0EED5",
"#F2CCE3"
],
"source": "https://www.kdesign.co/"
}