"Forest Ochre Sun Aura" Color Palette
Create palette1. #428B46
- HEX
- #428B46
- RGB
- 66, 139, 70
- HSL
- 123.29°, 35.61%, 40.20%
- OKLCH
- 0.5725, 0.1260, 144.76°
- CMYK
- 52.52%, 0.00%, 49.64%, 45.49%
- Temp.
- Cool
- Brightness
- 42.87%
- Text color
- #F7FFFF
2. #B7B56E
- HEX
- #B7B56E
- RGB
- 183, 181, 110
- HSL
- 58.36°, 33.64%, 57.45%
- OKLCH
- 0.7585, 0.0927, 107.02°
- CMYK
- 0.00%, 1.09%, 39.89%, 28.24%
- Temp.
- Warm
- Brightness
- 68.04%
- Text color
- #111827
3. #D6D88B
- HEX
- #D6D88B
- RGB
- 214, 216, 139
- HSL
- 61.56°, 49.68%, 69.61%
- OKLCH
- 0.8632, 0.0986, 109.57°
- CMYK
- 0.93%, 0.00%, 35.65%, 15.29%
- Temp.
- Warm
- Brightness
- 81.03%
- Text color
- #111827
4. #E9EAB4
- HEX
- #E9EAB4
- RGB
- 233, 234, 180
- HSL
- 61.11°, 56.25%, 81.18%
- OKLCH
- 0.9231, 0.0701, 108.58°
- CMYK
- 0.43%, 0.00%, 23.08%, 8.24%
- Temp.
- Warm
- Brightness
- 89.23%
- Text color
- #111827
CSS variables for Forest Ochre Sun Aura 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: #428B46;
--palette-2: #B7B56E;
--palette-3: #D6D88B;
--palette-4: #E9EAB4;
}