"Sunset Copper Amber Sky" Color Palette
Create palette1. #FFEEE7
- HEX
- #FFEEE7
- RGB
- 255, 238, 231
- HSL
- 17.50°, 100.00%, 95.29%
- OKLCH
- 0.9607, 0.0208, 43.86°
- CMYK
- 0.00%, 6.67%, 9.41%, 0.00%
- Temp.
- Warm
- Brightness
- 95.01%
- Text color
- #111827
2. #FBB448
- HEX
- #FBB448
- RGB
- 251, 180, 72
- HSL
- 36.20°, 95.72%, 63.33%
- OKLCH
- 0.8184, 0.1457, 74.16°
- CMYK
- 0.00%, 28.29%, 71.31%, 1.57%
- Temp.
- Warm
- Brightness
- 74.09%
- Text color
- #111827
3. #E3670C
- HEX
- #E3670C
- RGB
- 227, 103, 12
- HSL
- 25.40°, 89.96%, 46.86%
- OKLCH
- 0.6553, 0.1759, 47.69°
- CMYK
- 0.00%, 54.63%, 94.71%, 10.98%
- Temp.
- Warm
- Brightness
- 50.86%
- Text color
- #F7FFFF
4. #CC3D0B
- HEX
- #CC3D0B
- RGB
- 204, 61, 11
- HSL
- 15.54°, 89.77%, 42.16%
- OKLCH
- 0.5660, 0.1871, 36.34°
- CMYK
- 0.00%, 70.10%, 94.61%, 20.00%
- Temp.
- Warm
- Brightness
- 38.45%
- Text color
- #F7FFFF
CSS variables for Sunset Copper Amber Sky 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: #FFEEE7;
--palette-2: #FBB448;
--palette-3: #E3670C;
--palette-4: #CC3D0B;
}