"Lemon Mango Cinnamon Sky" Color Palette
Create palette1. #F6FEA1
- HEX
- #F6FEA1
- RGB
- 246, 254, 161
- HSL
- 65.16°, 97.89%, 81.37%
- OKLCH
- 0.9706, 0.1158, 112.56°
- CMYK
- 3.15%, 0.00%, 36.61%, 0.39%
- Temp.
- Warm
- Brightness
- 94.51%
- Text color
- #111827
2. #FFB270
- HEX
- #FFB270
- RGB
- 255, 178, 112
- HSL
- 27.69°, 100.00%, 71.96%
- OKLCH
- 0.8236, 0.1221, 60.49°
- CMYK
- 0.00%, 30.20%, 56.08%, 0.00%
- Temp.
- Warm
- Brightness
- 75.88%
- Text color
- #111827
3. #F08E6B
- HEX
- #F08E6B
- RGB
- 240, 142, 107
- HSL
- 15.79°, 81.60%, 68.04%
- OKLCH
- 0.7429, 0.1290, 40.29°
- CMYK
- 0.00%, 40.83%, 55.42%, 5.88%
- Temp.
- Warm
- Brightness
- 65.61%
- Text color
- #111827
4. #FF7575
- HEX
- #FF7575
- RGB
- 255, 117, 117
- HSL
- 0.00°, 100.00%, 72.94%
- OKLCH
- 0.7267, 0.1689, 22.18°
- CMYK
- 0.00%, 54.12%, 54.12%, 0.00%
- Temp.
- Warm
- Brightness
- 62.06%
- Text color
- #111827
CSS variables for Lemon Mango Cinnamon Sky 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: #F6FEA1;
--palette-2: #FFB270;
--palette-3: #F08E6B;
--palette-4: #FF7575;
}