"Saffron Glacier Azure Frost" Color Palette
Create palette1. #F3F169
- HEX
- #F3F169
- RGB
- 243, 241, 105
- HSL
- 59.13°, 85.19%, 68.24%
- OKLCH
- 0.9341, 0.1566, 108.30°
- CMYK
- 0.00%, 0.82%, 56.79%, 4.71%
- Temp.
- Warm
- Brightness
- 88.66%
- Text color
- #111827
2. #46C3DB
- HEX
- #46C3DB
- RGB
- 70, 195, 219
- HSL
- 189.66°, 67.42%, 56.67%
- OKLCH
- 0.7583, 0.1127, 212.96°
- CMYK
- 68.04%, 10.96%, 0.00%, 14.12%
- Temp.
- Cool
- Brightness
- 62.89%
- Text color
- #111827
3. #2D6CDF
- HEX
- #2D6CDF
- RGB
- 45, 108, 223
- HSL
- 218.76°, 73.55%, 52.55%
- OKLCH
- 0.5569, 0.1874, 261.20°
- CMYK
- 79.82%, 51.57%, 0.00%, 12.55%
- Temp.
- Cool
- Brightness
- 40.11%
- Text color
- #F7FFFF
4. #482FF7
- HEX
- #482FF7
- RGB
- 72, 47, 247
- HSL
- 247.50°, 92.59%, 57.65%
- OKLCH
- 0.4959, 0.2721, 275.52°
- CMYK
- 70.85%, 80.97%, 0.00%, 3.14%
- Temp.
- Cool
- Brightness
- 30.30%
- Text color
- #F7FFFF
CSS variables for Saffron Glacier 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: #F3F169;
--palette-2: #46C3DB;
--palette-3: #2D6CDF;
--palette-4: #482FF7;
}