"Charcoal Fern Lime Mist" Color Palette
Create palette1. #041122
- HEX
- #041122
- RGB
- 4, 17, 34
- HSL
- 214.00°, 78.95%, 7.45%
- OKLCH
- 0.1759, 0.0407, 253.96°
- CMYK
- 88.24%, 50.00%, 0.00%, 86.67%
- Temp.
- Neutral
- Brightness
- 5.90%
- Text color
- #F7FFFF
2. #259073
- HEX
- #259073
- RGB
- 37, 144, 115
- HSL
- 163.74°, 59.12%, 35.49%
- OKLCH
- 0.5867, 0.1046, 170.27°
- CMYK
- 74.31%, 0.00%, 20.14%, 43.53%
- Temp.
- Cool
- Brightness
- 42.63%
- Text color
- #F7FFFF
3. #7FDA89
- HEX
- #7FDA89
- RGB
- 127, 218, 137
- HSL
- 126.59°, 55.15%, 67.65%
- OKLCH
- 0.8113, 0.1429, 146.60°
- CMYK
- 41.74%, 0.00%, 37.16%, 14.51%
- Temp.
- Cool
- Brightness
- 71.20%
- Text color
- #111827
4. #E6F99D
- HEX
- #E6F99D
- RGB
- 230, 249, 157
- HSL
- 72.39°, 88.46%, 79.61%
- OKLCH
- 0.9475, 0.1174, 118.22°
- CMYK
- 7.63%, 0.00%, 36.95%, 2.35%
- Temp.
- Cool
- Brightness
- 91.31%
- Text color
- #111827
CSS variables for Charcoal Fern Lime Mist 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: #041122;
--palette-2: #259073;
--palette-3: #7FDA89;
--palette-4: #E6F99D;
}