"Sage Fern Lime Wave" Color Palette
Create palette1. #F4F9F4
- HEX
- #F4F9F4
- RGB
- 244, 249, 244
- HSL
- 120.00°, 29.41%, 96.67%
- OKLCH
- 0.9770, 0.0084, 145.51°
- CMYK
- 2.01%, 0.00%, 2.01%, 2.35%
- Temp.
- Cool
- Brightness
- 96.84%
- Text color
- #111827
2. #C4E3CB
- HEX
- #C4E3CB
- RGB
- 196, 227, 203
- HSL
- 133.55°, 35.63%, 82.94%
- OKLCH
- 0.8867, 0.0462, 152.09°
- CMYK
- 13.66%, 0.00%, 10.57%, 10.98%
- Temp.
- Cool
- Brightness
- 84.31%
- Text color
- #111827
3. #8AAE92
- HEX
- #8AAE92
- RGB
- 138, 174, 146
- HSL
- 133.33°, 18.18%, 61.18%
- OKLCH
- 0.7162, 0.0563, 151.50°
- CMYK
- 20.69%, 0.00%, 16.09%, 31.76%
- Temp.
- Cool
- Brightness
- 62.76%
- Text color
- #111827
4. #616161
- HEX
- #616161
- RGB
- 97, 97, 97
- HSL
- 0.00°, 0.00%, 38.04%
- OKLCH
- 0.4926, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 61.96%
- Temp.
- Neutral
- Brightness
- 38.04%
- Text color
- #F7FFFF
CSS variables for Sage Fern Lime Wave 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: #F4F9F4;
--palette-2: #C4E3CB;
--palette-3: #8AAE92;
--palette-4: #616161;
}