"Navy Lavender Aqua Dream" Color Palette
Create palette1. #22213D
- HEX
- #22213D
- RGB
- 34, 33, 61
- HSL
- 242.14°, 29.79%, 18.43%
- OKLCH
- 0.2638, 0.0516, 283.89°
- CMYK
- 44.26%, 45.90%, 0.00%, 76.08%
- Temp.
- Cool
- Brightness
- 14.31%
- Text color
- #F7FFFF
2. #4E3188
- HEX
- #4E3188
- RGB
- 78, 49, 136
- HSL
- 260.00°, 47.03%, 36.27%
- OKLCH
- 0.3970, 0.1385, 294.61°
- CMYK
- 42.65%, 63.97%, 0.00%, 46.67%
- Temp.
- Cool
- Brightness
- 26.51%
- Text color
- #F7FFFF
3. #24BABC
- HEX
- #24BABC
- RGB
- 36, 186, 188
- HSL
- 180.79°, 67.86%, 43.92%
- OKLCH
- 0.7180, 0.1161, 196.31°
- CMYK
- 80.85%, 1.06%, 0.00%, 26.27%
- Temp.
- Cool
- Brightness
- 55.44%
- Text color
- #F7FFFF
4. #EAEF9B
- HEX
- #EAEF9B
- RGB
- 234, 239, 155
- HSL
- 63.57°, 72.41%, 77.25%
- OKLCH
- 0.9295, 0.1059, 111.19°
- CMYK
- 2.09%, 0.00%, 35.15%, 6.27%
- Temp.
- Warm
- Brightness
- 89.38%
- Text color
- #111827
CSS variables for Navy Lavender Aqua Dream 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: #22213D;
--palette-2: #4E3188;
--palette-3: #24BABC;
--palette-4: #EAEF9B;
}