"Leaf Turquoise Ocean Light" Color Palette
Create palette1. #CBF9DA
- HEX
- #CBF9DA
- RGB
- 203, 249, 218
- HSL
- 139.57°, 79.31%, 88.63%
- OKLCH
- 0.9416, 0.0630, 155.53°
- CMYK
- 18.47%, 0.00%, 12.45%, 2.35%
- Temp.
- Cool
- Brightness
- 90.87%
- Text color
- #111827
2. #3DD2CC
- HEX
- #3DD2CC
- RGB
- 61, 210, 204
- HSL
- 177.58°, 62.34%, 53.14%
- OKLCH
- 0.7867, 0.1217, 190.96°
- CMYK
- 70.95%, 0.00%, 2.86%, 17.65%
- Temp.
- Cool
- Brightness
- 64.61%
- Text color
- #111827
3. #3E6B89
- HEX
- #3E6B89
- RGB
- 62, 107, 137
- HSL
- 204.00°, 37.69%, 39.02%
- OKLCH
- 0.5082, 0.0690, 239.29°
- CMYK
- 54.74%, 21.90%, 0.00%, 46.27%
- Temp.
- Cool
- Brightness
- 38.03%
- Text color
- #F7FFFF
4. #122D42
- HEX
- #122D42
- RGB
- 18, 45, 66
- HSL
- 206.25°, 57.14%, 16.47%
- OKLCH
- 0.2871, 0.0508, 244.43°
- CMYK
- 72.73%, 31.82%, 0.00%, 74.12%
- Temp.
- Cool
- Brightness
- 15.42%
- Text color
- #F7FFFF
CSS variables for Leaf Turquoise Ocean Light 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: #CBF9DA;
--palette-2: #3DD2CC;
--palette-3: #3E6B89;
--palette-4: #122D42;
}