"Glacier Mint Wave" Color Palette
Create palette1. #1FAB89
- HEX
- #1FAB89
- RGB
- 31, 171, 137
- HSL
- 165.43°, 69.31%, 39.61%
- OKLCH
- 0.6629, 0.1233, 171.07°
- CMYK
- 81.87%, 0.00%, 19.88%, 32.94%
- Temp.
- Cool
- Brightness
- 49.12%
- Text color
- #F7FFFF
2. #62D2A2
- HEX
- #62D2A2
- RGB
- 98, 210, 162
- HSL
- 154.29°, 55.45%, 60.39%
- OKLCH
- 0.7852, 0.1250, 163.06°
- CMYK
- 53.33%, 0.00%, 22.86%, 17.65%
- Temp.
- Cool
- Brightness
- 67.07%
- Text color
- #111827
3. #9DF3C4
- HEX
- #9DF3C4
- RGB
- 157, 243, 196
- HSL
- 147.21°, 78.18%, 78.43%
- OKLCH
- 0.8967, 0.1063, 159.37°
- CMYK
- 35.39%, 0.00%, 19.34%, 4.71%
- Temp.
- Cool
- Brightness
- 83.11%
- Text color
- #111827
4. #D7FBE8
- HEX
- #D7FBE8
- RGB
- 215, 251, 232
- HSL
- 148.33°, 81.82%, 91.37%
- OKLCH
- 0.9573, 0.0450, 162.47°
- CMYK
- 14.34%, 0.00%, 7.57%, 1.57%
- Temp.
- Cool
- Brightness
- 93.36%
- Text color
- #111827
CSS variables for Glacier Mint Wave palette
Copy these custom properties into your stylesheet to use the palette in its displayed order. Reference a color with var(--palette-1), for example: color: var(--palette-1);
:root {
--palette-1: #1FAB89;
--palette-2: #62D2A2;
--palette-3: #9DF3C4;
--palette-4: #D7FBE8;
}