"Storm Smoke Midnight Sun" Color Palette
Create palette1. #2E94B9
- HEX
- #2E94B9
- RGB
- 46, 148, 185
- HSL
- 195.97°, 60.17%, 45.29%
- OKLCH
- 0.6253, 0.1058, 226.92°
- CMYK
- 75.14%, 20.00%, 0.00%, 27.45%
- Temp.
- Cool
- Brightness
- 47.73%
- Text color
- #F7FFFF
2. #475053
- HEX
- #475053
- RGB
- 71, 80, 83
- HSL
- 195.00°, 7.79%, 30.20%
- OKLCH
- 0.4244, 0.0126, 219.77°
- CMYK
- 14.46%, 3.61%, 0.00%, 67.45%
- Temp.
- Neutral
- Brightness
- 30.45%
- Text color
- #F7FFFF
3. #ACDCEE
- HEX
- #ACDCEE
- RGB
- 172, 220, 238
- HSL
- 196.36°, 66.00%, 80.39%
- OKLCH
- 0.8668, 0.0556, 222.84°
- CMYK
- 27.73%, 7.56%, 0.00%, 6.67%
- Temp.
- Cool
- Brightness
- 81.45%
- Text color
- #111827
4. #F0FBFF
- HEX
- #F0FBFF
- RGB
- 240, 251, 255
- HSL
- 196.00°, 100.00%, 97.06%
- OKLCH
- 0.9810, 0.0128, 221.42°
- CMYK
- 5.88%, 1.57%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 97.32%
- Text color
- #111827
CSS variables for Storm Smoke Midnight Sun 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: #2E94B9;
--palette-2: #475053;
--palette-3: #ACDCEE;
--palette-4: #F0FBFF;
}