"Apricot Amber Sunset Wave" Color Palette
Create palette1. #F9F5F0
- HEX
- #F9F5F0
- RGB
- 249, 245, 240
- HSL
- 33.33°, 42.86%, 95.88%
- OKLCH
- 0.9718, 0.0079, 73.74°
- CMYK
- 0.00%, 1.61%, 3.61%, 2.35%
- Temp.
- Warm
- Brightness
- 96.32%
- Text color
- #111827
2. #F2EAD3
- HEX
- #F2EAD3
- RGB
- 242, 234, 211
- HSL
- 44.52°, 54.39%, 88.82%
- OKLCH
- 0.9373, 0.0316, 91.03°
- CMYK
- 0.00%, 3.31%, 12.81%, 5.10%
- Temp.
- Warm
- Brightness
- 91.67%
- Text color
- #111827
3. #F4991A
- HEX
- #F4991A
- RGB
- 244, 153, 26
- HSL
- 34.95°, 90.83%, 52.94%
- OKLCH
- 0.7590, 0.1623, 66.81°
- CMYK
- 0.00%, 37.30%, 89.34%, 4.31%
- Temp.
- Warm
- Brightness
- 64.99%
- Text color
- #111827
4. #321313
- HEX
- #321313
- RGB
- 50, 19, 19
- HSL
- 0.00°, 44.93%, 13.53%
- OKLCH
- 0.2344, 0.0505, 21.70°
- CMYK
- 0.00%, 62.00%, 62.00%, 80.39%
- Temp.
- Warm
- Brightness
- 11.09%
- Text color
- #F7FFFF
CSS variables for Apricot Amber Sunset Wave 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: #F9F5F0;
--palette-2: #F2EAD3;
--palette-3: #F4991A;
--palette-4: #321313;
}