"Midnight Saffron Sunset Mist" Color Palette
Create palette1. #2D5C7F
- HEX
- #2D5C7F
- RGB
- 45, 92, 127
- HSL
- 205.61°, 47.67%, 33.73%
- OKLCH
- 0.4580, 0.0770, 243.12°
- CMYK
- 64.57%, 27.56%, 0.00%, 50.20%
- Temp.
- Cool
- Brightness
- 32.13%
- Text color
- #F7FFFF
2. #FFF1A8
- HEX
- #FFF1A8
- RGB
- 255, 241, 168
- HSL
- 50.34°, 100.00%, 82.94%
- OKLCH
- 0.9527, 0.0929, 98.63°
- CMYK
- 0.00%, 5.49%, 34.12%, 0.00%
- Temp.
- Warm
- Brightness
- 92.89%
- Text color
- #111827
3. #FF8F56
- HEX
- #FF8F56
- RGB
- 255, 143, 86
- HSL
- 20.24°, 100.00%, 66.86%
- OKLCH
- 0.7605, 0.1534, 46.38°
- CMYK
- 0.00%, 43.92%, 66.27%, 0.00%
- Temp.
- Warm
- Brightness
- 66.66%
- Text color
- #111827
4. #984A59
- HEX
- #984A59
- RGB
- 152, 74, 89
- HSL
- 348.46°, 34.51%, 44.31%
- OKLCH
- 0.5105, 0.1052, 9.40°
- CMYK
- 0.00%, 51.32%, 41.45%, 40.39%
- Temp.
- Warm
- Brightness
- 38.84%
- Text color
- #F7FFFF
CSS variables for Midnight Saffron Sunset Mist 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: #2D5C7F;
--palette-2: #FFF1A8;
--palette-3: #FF8F56;
--palette-4: #984A59;
}