"Blush Berry Copper Sun" Color Palette
Create palette1. #97124B
- HEX
- #97124B
- RGB
- 151, 18, 75
- HSL
- 334.29°, 78.70%, 33.14%
- OKLCH
- 0.4441, 0.1678, 2.78°
- CMYK
- 0.00%, 88.08%, 50.33%, 40.78%
- Temp.
- Warm
- Brightness
- 25.20%
- Text color
- #F7FFFF
2. #DC4444
- HEX
- #DC4444
- RGB
- 220, 68, 68
- HSL
- 0.00°, 68.47%, 56.47%
- OKLCH
- 0.6052, 0.1890, 24.79°
- CMYK
- 0.00%, 69.09%, 69.09%, 13.73%
- Temp.
- Warm
- Brightness
- 44.49%
- Text color
- #F7FFFF
3. #F5A855
- HEX
- #F5A855
- RGB
- 245, 168, 85
- HSL
- 31.13°, 88.89%, 64.71%
- OKLCH
- 0.7910, 0.1340, 65.66°
- CMYK
- 0.00%, 31.43%, 65.31%, 3.92%
- Temp.
- Warm
- Brightness
- 71.20%
- Text color
- #111827
4. #F4E557
- HEX
- #F4E557
- RGB
- 244, 229, 87
- HSL
- 54.27°, 87.71%, 64.90%
- OKLCH
- 0.9086, 0.1592, 103.27°
- CMYK
- 0.00%, 6.15%, 64.34%, 4.31%
- Temp.
- Warm
- Brightness
- 85.21%
- Text color
- #111827
CSS variables for Blush Berry Copper Sun 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: #97124B;
--palette-2: #DC4444;
--palette-3: #F5A855;
--palette-4: #F4E557;
}