"Grape Petal Sunset Haze" Color Palette
Create palette1. #9A47CB
- HEX
- #9A47CB
- RGB
- 154, 71, 203
- HSL
- 277.73°, 55.93%, 53.73%
- OKLCH
- 0.5639, 0.2016, 310.43°
- CMYK
- 24.14%, 65.02%, 0.00%, 20.39%
- Temp.
- Cool
- Brightness
- 43.48%
- Text color
- #F7FFFF
2. #FF80F3
- HEX
- #FF80F3
- RGB
- 255, 128, 243
- HSL
- 305.67°, 100.00%, 75.10%
- OKLCH
- 0.7817, 0.2042, 330.98°
- CMYK
- 0.00%, 49.80%, 4.71%, 0.00%
- Temp.
- Warm
- Brightness
- 70.23%
- Text color
- #111827
3. #FFD48B
- HEX
- #FFD48B
- RGB
- 255, 212, 139
- HSL
- 37.76°, 100.00%, 77.25%
- OKLCH
- 0.8911, 0.1029, 80.07°
- CMYK
- 0.00%, 16.86%, 45.49%, 0.00%
- Temp.
- Warm
- Brightness
- 84.92%
- Text color
- #111827
4. #FFF079
- HEX
- #FFF079
- RGB
- 255, 240, 121
- HSL
- 53.28°, 100.00%, 73.73%
- OKLCH
- 0.9438, 0.1408, 102.18°
- CMYK
- 0.00%, 5.88%, 52.55%, 0.00%
- Temp.
- Warm
- Brightness
- 90.56%
- Text color
- #111827
CSS variables for Grape Petal Sunset Haze 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: #9A47CB;
--palette-2: #FF80F3;
--palette-3: #FFD48B;
--palette-4: #FFF079;
}