6 colors · #96DFD8 · #85D4BE · #AEE6CB · #CDEEF3 · #DAF1DE · #D6E9AA
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #96DFD8 | 150 223 216 | 174° 53% 73% | |
| #85D4BE | 133 212 190 | 163° 48% 68% | |
| #AEE6CB | 174 230 203 | 151° 53% 79% | |
| #CDEEF3 | 205 238 243 | 188° 61% 88% | |
| #DAF1DE | 218 241 222 | 130° 45% 90% | |
| #D6E9AA | 214 233 170 | 78° 59% 79% |
Hex list
#96DFD8, #85D4BE, #AEE6CB, #CDEEF3, #DAF1DE, #D6E9AACSS variables
:root {
--mint-glow-1: #96DFD8;
--mint-glow-2: #85D4BE;
--mint-glow-3: #AEE6CB;
--mint-glow-4: #CDEEF3;
--mint-glow-5: #DAF1DE;
--mint-glow-6: #D6E9AA;
}Tailwind v4
@theme {
--color-mint-glow-1: #96DFD8;
--color-mint-glow-2: #85D4BE;
--color-mint-glow-3: #AEE6CB;
--color-mint-glow-4: #CDEEF3;
--color-mint-glow-5: #DAF1DE;
--color-mint-glow-6: #D6E9AA;
}JSON
{
"name": "Mint Glow",
"colors": [
"#96DFD8",
"#85D4BE",
"#AEE6CB",
"#CDEEF3",
"#DAF1DE",
"#D6E9AA"
],
"source": null
}