"Navy Glacier Marine Breeze" Color Palette
Create palette1. #003459
- HEX
- #003459
- RGB
- 0, 52, 89
- HSL
- 204.94°, 100.00%, 17.45%
- OKLCH
- 0.3160, 0.0828, 246.83°
- CMYK
- 100.00%, 41.57%, 0.00%, 65.10%
- Temp.
- Cool
- Brightness
- 15.95%
- Text color
- #F7FFFF
2. #028090
- HEX
- #028090
- RGB
- 2, 128, 144
- HSL
- 186.76°, 97.26%, 28.63%
- OKLCH
- 0.5498, 0.0947, 210.08°
- CMYK
- 98.61%, 11.11%, 0.00%, 43.53%
- Temp.
- Cool
- Brightness
- 36.14%
- Text color
- #F7FFFF
3. #02C39A
- HEX
- #02C39A
- RGB
- 2, 195, 154
- HSL
- 167.25°, 97.97%, 38.63%
- OKLCH
- 0.7273, 0.1429, 170.56°
- CMYK
- 98.97%, 0.00%, 21.03%, 23.53%
- Temp.
- Cool
- Brightness
- 52.01%
- Text color
- #F7FFFF
4. #FCE38A
- HEX
- #FCE38A
- RGB
- 252, 227, 138
- HSL
- 46.84°, 95.00%, 76.47%
- OKLCH
- 0.9175, 0.1125, 94.20°
- CMYK
- 0.00%, 9.92%, 45.24%, 1.18%
- Temp.
- Warm
- Brightness
- 87.97%
- Text color
- #111827
CSS variables for Navy Glacier Marine Breeze 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: #003459;
--palette-2: #028090;
--palette-3: #02C39A;
--palette-4: #FCE38A;
}