"Storm Glacier Frost" Color Palette
Create palette1. #27323A
- HEX
- #27323A
- RGB
- 39, 50, 58
- HSL
- 205.26°, 19.59%, 19.02%
- OKLCH
- 0.3104, 0.0208, 239.91°
- CMYK
- 32.76%, 13.79%, 0.00%, 77.25%
- Temp.
- Cool
- Brightness
- 18.68%
- Text color
- #F7FFFF
2. #435055
- HEX
- #435055
- RGB
- 67, 80, 85
- HSL
- 196.67°, 11.84%, 29.80%
- OKLCH
- 0.4218, 0.0185, 223.05°
- CMYK
- 21.18%, 5.88%, 0.00%, 66.67%
- Temp.
- Cool
- Brightness
- 30.07%
- Text color
- #F7FFFF
3. #29A19C
- HEX
- #29A19C
- RGB
- 41, 161, 156
- HSL
- 177.50°, 59.41%, 39.61%
- OKLCH
- 0.6448, 0.1014, 190.72°
- CMYK
- 74.53%, 0.00%, 3.11%, 36.86%
- Temp.
- Cool
- Brightness
- 48.84%
- Text color
- #F7FFFF
4. #A3F7BF
- HEX
- #A3F7BF
- RGB
- 163, 247, 191
- HSL
- 140.00°, 84.00%, 80.39%
- OKLCH
- 0.9076, 0.1126, 154.39°
- CMYK
- 34.01%, 0.00%, 22.67%, 3.14%
- Temp.
- Cool
- Brightness
- 84.51%
- Text color
- #111827
CSS variables for Storm Glacier Frost 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: #27323A;
--palette-2: #435055;
--palette-3: #29A19C;
--palette-4: #A3F7BF;
}