"Turquoise Cobalt Stone Meadow" Color Palette
Create palette1. #1D7D81
- HEX
- #1D7D81
- RGB
- 29, 125, 129
- HSL
- 182.40°, 63.29%, 30.98%
- OKLCH
- 0.5392, 0.0840, 199.22°
- CMYK
- 77.52%, 3.10%, 0.00%, 49.41%
- Temp.
- Cool
- Brightness
- 37.94%
- Text color
- #F7FFFF
2. #213458
- HEX
- #213458
- RGB
- 33, 52, 88
- HSL
- 219.27°, 45.45%, 23.73%
- OKLCH
- 0.3281, 0.0688, 262.19°
- CMYK
- 62.50%, 40.91%, 0.00%, 65.49%
- Temp.
- Cool
- Brightness
- 19.77%
- Text color
- #F7FFFF
3. #887575
- HEX
- #887575
- RGB
- 136, 117, 117
- HSL
- 0.00°, 7.51%, 49.61%
- OKLCH
- 0.5801, 0.0237, 17.86°
- CMYK
- 0.00%, 13.97%, 13.97%, 46.67%
- Temp.
- Neutral
- Brightness
- 48.11%
- Text color
- #F7FFFF
4. #F6E8E8
- HEX
- #F6E8E8
- RGB
- 246, 232, 232
- HSL
- 0.00°, 43.75%, 93.73%
- OKLCH
- 0.9421, 0.0152, 17.43°
- CMYK
- 0.00%, 5.69%, 5.69%, 3.53%
- Temp.
- Warm
- Brightness
- 92.62%
- Text color
- #111827
CSS variables for Turquoise Cobalt Stone Meadow 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: #1D7D81;
--palette-2: #213458;
--palette-3: #887575;
--palette-4: #F6E8E8;
}