"Stone Fog Ice Spark" Color Palette
Create palette1. #212121
- HEX
- #212121
- RGB
- 33, 33, 33
- HSL
- 0.00°, 0.00%, 12.94%
- OKLCH
- 0.2478, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 87.06%
- Temp.
- Neutral
- Brightness
- 12.94%
- Text color
- #F7FFFF
2. #323232
- HEX
- #323232
- RGB
- 50, 50, 50
- HSL
- 0.00°, 0.00%, 19.61%
- OKLCH
- 0.3171, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 80.39%
- Temp.
- Neutral
- Brightness
- 19.61%
- Text color
- #F7FFFF
3. #0D7377
- HEX
- #0D7377
- RGB
- 13, 115, 119
- HSL
- 182.26°, 80.30%, 25.88%
- OKLCH
- 0.5059, 0.0832, 199.23°
- CMYK
- 89.08%, 3.36%, 0.00%, 53.33%
- Temp.
- Cool
- Brightness
- 33.32%
- Text color
- #F7FFFF
4. #14FFEC
- HEX
- #14FFEC
- RGB
- 20, 255, 236
- HSL
- 175.15°, 100.00%, 53.92%
- OKLCH
- 0.9001, 0.1568, 185.22°
- CMYK
- 92.16%, 0.00%, 7.45%, 0.00%
- Temp.
- Cool
- Brightness
- 71.60%
- Text color
- #111827
CSS variables for Stone Fog Ice Spark 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: #212121;
--palette-2: #323232;
--palette-3: #0D7377;
--palette-4: #14FFEC;
}