"Mint Lemon Mango Breeze" Color Palette
Create palette1. #D0EF84
- HEX
- #D0EF84
- RGB
- 208, 239, 132
- HSL
- 77.38°, 76.98%, 72.75%
- OKLCH
- 0.9066, 0.1377, 122.42°
- CMYK
- 12.97%, 0.00%, 44.77%, 6.27%
- Temp.
- Cool
- Brightness
- 85.31%
- Text color
- #111827
2. #F4D143
- HEX
- #F4D143
- RGB
- 244, 209, 67
- HSL
- 48.14°, 88.94%, 60.98%
- OKLCH
- 0.8667, 0.1571, 94.72°
- CMYK
- 0.00%, 14.34%, 72.54%, 4.31%
- Temp.
- Warm
- Brightness
- 79.72%
- Text color
- #111827
3. #FDA831
- HEX
- #FDA831
- RGB
- 253, 168, 49
- HSL
- 35.00°, 98.08%, 59.22%
- OKLCH
- 0.7972, 0.1585, 69.64°
- CMYK
- 0.00%, 33.60%, 80.63%, 0.78%
- Temp.
- Warm
- Brightness
- 70.53%
- Text color
- #111827
4. #DE561C
- HEX
- #DE561C
- RGB
- 222, 86, 28
- HSL
- 17.94°, 77.60%, 49.02%
- OKLCH
- 0.6253, 0.1821, 40.18°
- CMYK
- 0.00%, 61.26%, 87.39%, 12.94%
- Temp.
- Warm
- Brightness
- 47.08%
- Text color
- #F7FFFF
CSS variables for Mint Lemon Mango Breeze 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: #D0EF84;
--palette-2: #F4D143;
--palette-3: #FDA831;
--palette-4: #DE561C;
}