"Aqua Azure Shore" Color Palette
Create palette1. #28615B
- HEX
- #28615B
- RGB
- 40, 97, 91
- HSL
- 173.68°, 41.61%, 26.86%
- OKLCH
- 0.4529, 0.0604, 185.99°
- CMYK
- 58.76%, 0.00%, 6.19%, 61.96%
- Temp.
- Cool
- Brightness
- 31.09%
- Text color
- #F7FFFF
2. #E4F6F6
- HEX
- #E4F6F6
- RGB
- 228, 246, 246
- HSL
- 180.00°, 50.00%, 92.94%
- OKLCH
- 0.9599, 0.0189, 196.84°
- CMYK
- 7.32%, 0.00%, 0.00%, 3.53%
- Temp.
- Cool
- Brightness
- 94.36%
- Text color
- #111827
3. #CCCCEA
- HEX
- #CCCCEA
- RGB
- 204, 204, 234
- HSL
- 240.00°, 41.67%, 85.88%
- OKLCH
- 0.8547, 0.0414, 285.49°
- CMYK
- 12.82%, 12.82%, 0.00%, 8.24%
- Temp.
- Cool
- Brightness
- 81.34%
- Text color
- #111827
4. #C089F8
- HEX
- #C089F8
- RGB
- 192, 137, 248
- HSL
- 269.73°, 88.80%, 75.49%
- OKLCH
- 0.7276, 0.1640, 305.56°
- CMYK
- 22.58%, 44.76%, 0.00%, 2.75%
- Temp.
- Cool
- Brightness
- 65.14%
- Text color
- #111827
CSS variables for Aqua Azure Shore 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: #28615B;
--palette-2: #E4F6F6;
--palette-3: #CCCCEA;
--palette-4: #C089F8;
}