"Pearl Ochre Leaf Aura" Color Palette
Create palette1. #F5F5F5
- HEX
- #F5F5F5
- RGB
- 245, 245, 245
- HSL
- 0.00°, 0.00%, 96.08%
- OKLCH
- 0.9702, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 3.92%
- Temp.
- Neutral
- Brightness
- 96.08%
- Text color
- #111827
2. #C5D200
- HEX
- #C5D200
- RGB
- 197, 210, 0
- HSL
- 63.71°, 100.00%, 41.18%
- OKLCH
- 0.8256, 0.1859, 114.21°
- CMYK
- 6.19%, 0.00%, 100.00%, 17.65%
- Temp.
- Warm
- Brightness
- 71.44%
- Text color
- #111827
3. #51710A
- HEX
- #51710A
- RGB
- 81, 113, 10
- HSL
- 78.64°, 83.74%, 24.12%
- OKLCH
- 0.5052, 0.1262, 127.02°
- CMYK
- 28.32%, 0.00%, 91.15%, 55.69%
- Temp.
- Cool
- Brightness
- 35.96%
- Text color
- #F7FFFF
4. #424242
- HEX
- #424242
- RGB
- 66, 66, 66
- HSL
- 0.00°, 0.00%, 25.88%
- OKLCH
- 0.3791, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 74.12%
- Temp.
- Neutral
- Brightness
- 25.88%
- Text color
- #F7FFFF
CSS variables for Pearl Ochre Leaf 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: #F5F5F5;
--palette-2: #C5D200;
--palette-3: #51710A;
--palette-4: #424242;
}