"Mango Sand Lime Drift" Color Palette
Create palette1. #FFCA61
- HEX
- #FFCA61
- RGB
- 255, 202, 97
- HSL
- 39.87°, 100.00%, 69.02%
- OKLCH
- 0.8663, 0.1357, 82.30°
- CMYK
- 0.00%, 20.78%, 61.96%, 0.00%
- Temp.
- Warm
- Brightness
- 80.74%
- Text color
- #111827
2. #FFEC85
- HEX
- #FFEC85
- RGB
- 255, 236, 133
- HSL
- 50.66°, 100.00%, 76.08%
- OKLCH
- 0.9373, 0.1256, 99.09°
- CMYK
- 0.00%, 7.45%, 47.84%, 0.00%
- Temp.
- Warm
- Brightness
- 90.17%
- Text color
- #111827
3. #F2FFDF
- HEX
- #F2FFDF
- RGB
- 242, 255, 223
- HSL
- 84.38°, 100.00%, 93.73%
- OKLCH
- 0.9820, 0.0440, 125.25°
- CMYK
- 5.10%, 0.00%, 12.55%, 0.00%
- Temp.
- Cool
- Brightness
- 97.05%
- Text color
- #111827
4. #C9F0D6
- HEX
- #C9F0D6
- RGB
- 201, 240, 214
- HSL
- 140.00°, 56.52%, 86.47%
- OKLCH
- 0.9203, 0.0536, 156.02°
- CMYK
- 16.25%, 0.00%, 10.83%, 5.88%
- Temp.
- Cool
- Brightness
- 88.38%
- Text color
- #111827
CSS variables for Mango Sand Lime Drift 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: #FFCA61;
--palette-2: #FFEC85;
--palette-3: #F2FFDF;
--palette-4: #C9F0D6;
}