"Pine Lemon Mango Mist" Color Palette
Create palette1. #468966
- HEX
- #468966
- RGB
- 70, 137, 102
- HSL
- 148.66°, 32.37%, 40.59%
- OKLCH
- 0.5757, 0.0882, 159.08°
- CMYK
- 48.91%, 0.00%, 25.55%, 46.27%
- Temp.
- Cool
- Brightness
- 44.30%
- Text color
- #F7FFFF
2. #FFF0A5
- HEX
- #FFF0A5
- RGB
- 255, 240, 165
- HSL
- 50.00°, 100.00%, 82.35%
- OKLCH
- 0.9502, 0.0953, 98.24°
- CMYK
- 0.00%, 5.88%, 35.29%, 0.00%
- Temp.
- Warm
- Brightness
- 92.52%
- Text color
- #111827
3. #FFB03B
- HEX
- #FFB03B
- RGB
- 255, 176, 59
- HSL
- 35.82°, 100.00%, 61.57%
- OKLCH
- 0.8145, 0.1548, 72.20°
- CMYK
- 0.00%, 30.98%, 76.86%, 0.00%
- Temp.
- Warm
- Brightness
- 73.05%
- Text color
- #111827
4. #B64926
- HEX
- #B64926
- RGB
- 182, 73, 38
- HSL
- 14.58°, 65.45%, 43.14%
- OKLCH
- 0.5456, 0.1498, 37.76°
- CMYK
- 0.00%, 59.89%, 79.12%, 28.63%
- Temp.
- Warm
- Brightness
- 39.84%
- Text color
- #F7FFFF
CSS variables for Pine Lemon Mango Mist 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: #468966;
--palette-2: #FFF0A5;
--palette-3: #FFB03B;
--palette-4: #B64926;
}