5 colors · #F4B07A · #F8C38F · #F9E0A8 · #9CC2E0 · #7FA8E5
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F4B07A | 244 176 122 | 27° 85% 72% | |
| #F8C38F | 248 195 143 | 30° 88% 77% | |
| #F9E0A8 | 249 224 168 | 41° 87% 82% | |
| #9CC2E0 | 156 194 224 | 206° 52% 75% | |
| #7FA8E5 | 127 168 229 | 216° 66% 70% |
Hex list
#F4B07A, #F8C38F, #F9E0A8, #9CC2E0, #7FA8E5CSS variables
:root {
--blueberry-icecream-1: #F4B07A;
--blueberry-icecream-2: #F8C38F;
--blueberry-icecream-3: #F9E0A8;
--blueberry-icecream-4: #9CC2E0;
--blueberry-icecream-5: #7FA8E5;
}Tailwind v4
@theme {
--color-blueberry-icecream-1: #F4B07A;
--color-blueberry-icecream-2: #F8C38F;
--color-blueberry-icecream-3: #F9E0A8;
--color-blueberry-icecream-4: #9CC2E0;
--color-blueberry-icecream-5: #7FA8E5;
}JSON
{
"name": "Blueberry Icecream",
"colors": [
"#F4B07A",
"#F8C38F",
"#F9E0A8",
"#9CC2E0",
"#7FA8E5"
],
"source": "https://www.pinterest.com/pin/1477812374790758/"
}