5 colors · #AF3039 · #C65E6A · #E7A9B1 · #F1D2D4 · #F8EFF1
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #AF3039 | 175 48 57 | 356° 57% 44% | |
| #C65E6A | 198 94 106 | 353° 48% 57% | |
| #E7A9B1 | 231 169 177 | 352° 56% 78% | |
| #F1D2D4 | 241 210 212 | 356° 53% 88% | |
| #F8EFF1 | 248 239 241 | 347° 39% 95% |
Hex list
#AF3039, #C65E6A, #E7A9B1, #F1D2D4, #F8EFF1CSS variables
:root {
--strawberry-cream-1: #AF3039;
--strawberry-cream-2: #C65E6A;
--strawberry-cream-3: #E7A9B1;
--strawberry-cream-4: #F1D2D4;
--strawberry-cream-5: #F8EFF1;
}Tailwind v4
@theme {
--color-strawberry-cream-1: #AF3039;
--color-strawberry-cream-2: #C65E6A;
--color-strawberry-cream-3: #E7A9B1;
--color-strawberry-cream-4: #F1D2D4;
--color-strawberry-cream-5: #F8EFF1;
}JSON
{
"name": "Strawberry Cream",
"colors": [
"#AF3039",
"#C65E6A",
"#E7A9B1",
"#F1D2D4",
"#F8EFF1"
],
"source": "https://colorpalettes.net/color-palette-3658/"
}