"Storm Sapphire Azure Frost" Color Palette
Create palette1. #0962EA
- HEX
- #0962EA
- RGB
- 9, 98, 234
- HSL
- 216.27°, 92.59%, 47.65%
- OKLCH
- 0.5386, 0.2190, 260.48°
- CMYK
- 96.15%, 58.12%, 0.00%, 8.24%
- Temp.
- Cool
- Brightness
- 34.08%
- Text color
- #F7FFFF
2. #0E7CF4
- HEX
- #0E7CF4
- RGB
- 14, 124, 244
- HSL
- 211.30°, 91.27%, 50.59%
- OKLCH
- 0.5999, 0.2007, 256.23°
- CMYK
- 94.26%, 49.18%, 0.00%, 4.31%
- Temp.
- Cool
- Brightness
- 41.09%
- Text color
- #F7FFFF
3. #0AA0F6
- HEX
- #0AA0F6
- RGB
- 10, 160, 246
- HSL
- 201.86°, 92.91%, 50.20%
- OKLCH
- 0.6800, 0.1660, 244.07°
- CMYK
- 95.93%, 34.96%, 0.00%, 3.53%
- Temp.
- Cool
- Brightness
- 49.00%
- Text color
- #F7FFFF
4. #FAF15D
- HEX
- #FAF15D
- RGB
- 250, 241, 93
- HSL
- 56.56°, 94.01%, 67.25%
- OKLCH
- 0.9387, 0.1652, 105.83°
- CMYK
- 0.00%, 3.60%, 62.80%, 1.96%
- Temp.
- Warm
- Brightness
- 88.95%
- Text color
- #111827
CSS variables for Storm Sapphire Azure 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: #0962EA;
--palette-2: #0E7CF4;
--palette-3: #0AA0F6;
--palette-4: #FAF15D;
}