"Lemon Honey Horizon" Color Palette
Create palette1. #FDFCE0
- HEX
- #FDFCE0
- RGB
- 253, 252, 224
- HSL
- 57.93°, 87.88%, 93.53%
- OKLCH
- 0.9846, 0.0365, 105.38°
- CMYK
- 0.00%, 0.40%, 11.46%, 0.78%
- Temp.
- Warm
- Brightness
- 97.69%
- Text color
- #111827
2. #F0EEB1
- HEX
- #F0EEB1
- RGB
- 240, 238, 177
- HSL
- 58.10°, 67.74%, 81.76%
- OKLCH
- 0.9361, 0.0783, 106.24°
- CMYK
- 0.00%, 0.83%, 26.25%, 5.88%
- Temp.
- Warm
- Brightness
- 90.84%
- Text color
- #111827
3. #DAD773
- HEX
- #DAD773
- RGB
- 218, 215, 115
- HSL
- 58.25°, 58.19%, 65.29%
- OKLCH
- 0.8607, 0.1230, 107.19°
- CMYK
- 0.00%, 1.38%, 47.25%, 14.51%
- Temp.
- Warm
- Brightness
- 80.19%
- Text color
- #111827
4. #B1AD25
- HEX
- #B1AD25
- RGB
- 177, 173, 37
- HSL
- 58.29°, 65.42%, 41.96%
- OKLCH
- 0.7283, 0.1466, 107.76°
- CMYK
- 0.00%, 2.26%, 79.10%, 30.59%
- Temp.
- Warm
- Brightness
- 62.23%
- Text color
- #111827
CSS variables for Lemon Honey Horizon 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: #FDFCE0;
--palette-2: #F0EEB1;
--palette-3: #DAD773;
--palette-4: #B1AD25;
}