"Leaf Turquoise Veil" Color Palette
Create palette1. #F2FFDF
- HEX
- #F2FFDF
- RGB
- 242, 255, 223
- HSL
- 84.38°, 100.00%, 93.73%
- OKLCH
- 0.9820, 0.0440, 125.25°
- CMYK
- 5.10%, 0.00%, 12.55%, 0.00%
- Temp.
- Cool
- Brightness
- 97.05%
- Text color
- #111827
2. #B1F1B2
- HEX
- #B1F1B2
- RGB
- 177, 241, 178
- HSL
- 120.94°, 69.57%, 81.96%
- OKLCH
- 0.8991, 0.1069, 145.00°
- CMYK
- 26.56%, 0.00%, 26.14%, 5.49%
- Temp.
- Cool
- Brightness
- 84.19%
- Text color
- #111827
3. #1E757B
- HEX
- #1E757B
- RGB
- 30, 117, 123
- HSL
- 183.87°, 60.78%, 30.00%
- OKLCH
- 0.5159, 0.0789, 201.90°
- CMYK
- 75.61%, 4.88%, 0.00%, 51.76%
- Temp.
- Cool
- Brightness
- 35.95%
- Text color
- #F7FFFF
4. #424D69
- HEX
- #424D69
- RGB
- 66, 77, 105
- HSL
- 223.08°, 22.81%, 33.53%
- OKLCH
- 0.4225, 0.0490, 267.72°
- CMYK
- 37.14%, 26.67%, 0.00%, 58.82%
- Temp.
- Cool
- Brightness
- 30.16%
- Text color
- #F7FFFF
CSS variables for Leaf Turquoise Veil 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: #F2FFDF;
--palette-2: #B1F1B2;
--palette-3: #1E757B;
--palette-4: #424D69;
}