"Cherry Mango Butter Shore" Color Palette
Create palette1. #8E3343
- HEX
- #8E3343
- RGB
- 142, 51, 67
- HSL
- 349.45°, 47.15%, 37.84%
- OKLCH
- 0.4557, 0.1236, 12.89°
- CMYK
- 0.00%, 64.08%, 52.82%, 44.31%
- Temp.
- Warm
- Brightness
- 31.39%
- Text color
- #F7FFFF
2. #EC9454
- HEX
- #EC9454
- RGB
- 236, 148, 84
- HSL
- 25.26°, 80.00%, 62.75%
- OKLCH
- 0.7449, 0.1328, 55.03°
- CMYK
- 0.00%, 37.29%, 64.41%, 7.45%
- Temp.
- Warm
- Brightness
- 65.50%
- Text color
- #111827
3. #F1F08A
- HEX
- #F1F08A
- RGB
- 241, 240, 138
- HSL
- 59.42°, 78.63%, 74.31%
- OKLCH
- 0.9344, 0.1248, 108.10°
- CMYK
- 0.00%, 0.41%, 42.74%, 5.49%
- Temp.
- Warm
- Brightness
- 89.67%
- Text color
- #111827
4. #C6CD78
- HEX
- #C6CD78
- RGB
- 198, 205, 120
- HSL
- 64.94°, 45.95%, 63.73%
- OKLCH
- 0.8240, 0.1088, 112.62°
- CMYK
- 3.41%, 0.00%, 41.46%, 19.61%
- Temp.
- Warm
- Brightness
- 75.77%
- Text color
- #111827
CSS variables for Cherry Mango Butter Shore 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: #8E3343;
--palette-2: #EC9454;
--palette-3: #F1F08A;
--palette-4: #C6CD78;
}