"Mint Pool Turquoise Drift" Color Palette
Create palette1. #C8F4DE
- HEX
- #C8F4DE
- RGB
- 200, 244, 222
- HSL
- 150.00°, 66.67%, 87.06%
- OKLCH
- 0.9302, 0.0542, 163.51°
- CMYK
- 18.03%, 0.00%, 9.02%, 4.31%
- Temp.
- Cool
- Brightness
- 89.54%
- Text color
- #111827
2. #A4E5D9
- HEX
- #A4E5D9
- RGB
- 164, 229, 217
- HSL
- 168.92°, 55.56%, 77.06%
- OKLCH
- 0.8749, 0.0676, 181.96°
- CMYK
- 28.38%, 0.00%, 5.24%, 10.20%
- Temp.
- Cool
- Brightness
- 81.65%
- Text color
- #111827
3. #66C6BA
- HEX
- #66C6BA
- RGB
- 102, 198, 186
- HSL
- 172.50°, 45.71%, 58.82%
- OKLCH
- 0.7646, 0.0930, 184.85°
- CMYK
- 48.48%, 0.00%, 6.06%, 22.35%
- Temp.
- Cool
- Brightness
- 65.85%
- Text color
- #111827
4. #649DAD
- HEX
- #649DAD
- RGB
- 100, 157, 173
- HSL
- 193.15°, 30.80%, 53.53%
- OKLCH
- 0.6626, 0.0641, 217.51°
- CMYK
- 42.20%, 9.25%, 0.00%, 32.16%
- Temp.
- Cool
- Brightness
- 55.60%
- Text color
- #F7FFFF
CSS variables for Mint Pool Turquoise Drift 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: #C8F4DE;
--palette-2: #A4E5D9;
--palette-3: #66C6BA;
--palette-4: #649DAD;
}