"Cobalt Azure Amber Frost" Color Palette
Create palette1. #005689
- HEX
- #005689
- RGB
- 0, 86, 137
- HSL
- 202.34°, 100.00%, 26.86%
- OKLCH
- 0.4373, 0.1090, 244.54°
- CMYK
- 100.00%, 37.23%, 0.00%, 46.27%
- Temp.
- Cool
- Brightness
- 25.92%
- Text color
- #F7FFFF
2. #007CB9
- HEX
- #007CB9
- RGB
- 0, 124, 185
- HSL
- 199.78°, 100.00%, 36.27%
- OKLCH
- 0.5602, 0.1303, 240.90°
- CMYK
- 100.00%, 32.97%, 0.00%, 27.45%
- Temp.
- Cool
- Brightness
- 36.81%
- Text color
- #F7FFFF
3. #F6C667
- HEX
- #F6C667
- RGB
- 246, 198, 103
- HSL
- 39.86°, 88.82%, 68.43%
- OKLCH
- 0.8504, 0.1255, 82.70°
- CMYK
- 0.00%, 19.51%, 58.13%, 3.53%
- Temp.
- Warm
- Brightness
- 79.03%
- Text color
- #111827
4. #F1F8FD
- HEX
- #F1F8FD
- RGB
- 241, 248, 253
- HSL
- 205.00°, 75.00%, 96.86%
- OKLCH
- 0.9753, 0.0100, 238.51°
- CMYK
- 4.74%, 1.98%, 0.00%, 0.78%
- Temp.
- Cool
- Brightness
- 96.66%
- Text color
- #111827
CSS variables for Cobalt Azure Amber 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: #005689;
--palette-2: #007CB9;
--palette-3: #F6C667;
--palette-4: #F1F8FD;
}