"Storm Navy Sapphire Dream" Color Palette
Create palette1. #01005E
- HEX
- #01005E
- RGB
- 1, 0, 94
- HSL
- 240.64°, 100.00%, 18.43%
- OKLCH
- 0.2184, 0.1505, 264.64°
- CMYK
- 98.94%, 100.00%, 0.00%, 63.14%
- Temp.
- Cool
- Brightness
- 4.32%
- Text color
- #F7FFFF
2. #22267B
- HEX
- #22267B
- RGB
- 34, 38, 123
- HSL
- 237.30°, 56.69%, 30.78%
- OKLCH
- 0.3277, 0.1410, 273.45°
- CMYK
- 72.36%, 69.11%, 0.00%, 51.76%
- Temp.
- Cool
- Brightness
- 18.23%
- Text color
- #F7FFFF
3. #28518A
- HEX
- #28518A
- RGB
- 40, 81, 138
- HSL
- 214.90°, 55.06%, 34.90%
- OKLCH
- 0.4354, 0.1052, 257.13°
- CMYK
- 71.01%, 41.30%, 0.00%, 45.88%
- Temp.
- Cool
- Brightness
- 29.51%
- Text color
- #F7FFFF
4. #17B794
- HEX
- #17B794
- RGB
- 23, 183, 148
- HSL
- 166.88°, 77.67%, 40.39%
- OKLCH
- 0.6961, 0.1312, 172.11°
- CMYK
- 87.43%, 0.00%, 19.13%, 28.24%
- Temp.
- Cool
- Brightness
- 51.44%
- Text color
- #F7FFFF
CSS variables for Storm Navy Sapphire Dream 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: #01005E;
--palette-2: #22267B;
--palette-3: #28518A;
--palette-4: #17B794;
}