"Olive Lemon Saffron Moon" Color Palette
Create palette1. #F6FAF7
- HEX
- #F6FAF7
- RGB
- 246, 250, 247
- HSL
- 135.00°, 28.57%, 97.25%
- OKLCH
- 0.9813, 0.0058, 153.78°
- CMYK
- 1.60%, 0.00%, 1.20%, 1.96%
- Temp.
- Cool
- Brightness
- 97.44%
- Text color
- #111827
2. #E7EAA8
- HEX
- #E7EAA8
- RGB
- 231, 234, 168
- HSL
- 62.73°, 61.11%, 78.82%
- OKLCH
- 0.9191, 0.0849, 110.14°
- CMYK
- 1.28%, 0.00%, 28.21%, 8.24%
- Temp.
- Warm
- Brightness
- 88.46%
- Text color
- #111827
3. #B4BB72
- HEX
- #B4BB72
- RGB
- 180, 187, 114
- HSL
- 65.75°, 34.93%, 59.02%
- OKLCH
- 0.7697, 0.0960, 113.13°
- CMYK
- 3.74%, 0.00%, 39.04%, 26.67%
- Temp.
- Warm
- Brightness
- 69.25%
- Text color
- #111827
4. #303E27
- HEX
- #303E27
- RGB
- 48, 62, 39
- HSL
- 96.52°, 22.77%, 19.80%
- OKLCH
- 0.3443, 0.0427, 133.69°
- CMYK
- 22.58%, 0.00%, 37.10%, 75.69%
- Temp.
- Cool
- Brightness
- 21.64%
- Text color
- #F7FFFF
CSS variables for Olive Lemon Saffron Moon 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: #F6FAF7;
--palette-2: #E7EAA8;
--palette-3: #B4BB72;
--palette-4: #303E27;
}