"Ocean Storm Amethyst Mist" Color Palette
Create palette1. #D5DEF5
- HEX
- #D5DEF5
- RGB
- 213, 222, 245
- HSL
- 223.13°, 61.54%, 89.80%
- OKLCH
- 0.9008, 0.0330, 268.66°
- CMYK
- 13.06%, 9.39%, 0.00%, 3.92%
- Temp.
- Cool
- Brightness
- 87.03%
- Text color
- #111827
2. #8594E4
- HEX
- #8594E4
- RGB
- 133, 148, 228
- HSL
- 230.53°, 63.76%, 70.78%
- OKLCH
- 0.6877, 0.1191, 274.76°
- CMYK
- 41.67%, 35.09%, 0.00%, 10.59%
- Temp.
- Cool
- Brightness
- 59.86%
- Text color
- #111827
3. #6643B5
- HEX
- #6643B5
- RGB
- 102, 67, 181
- HSL
- 258.42°, 45.97%, 48.63%
- OKLCH
- 0.4847, 0.1719, 293.02°
- CMYK
- 43.65%, 62.98%, 0.00%, 29.02%
- Temp.
- Cool
- Brightness
- 35.47%
- Text color
- #F7FFFF
4. #430F58
- HEX
- #430F58
- RGB
- 67, 15, 88
- HSL
- 282.74°, 70.87%, 20.20%
- OKLCH
- 0.2982, 0.1259, 313.83°
- CMYK
- 23.86%, 82.95%, 0.00%, 65.49%
- Temp.
- Cool
- Brightness
- 15.24%
- Text color
- #F7FFFF
CSS variables for Ocean Storm Amethyst Mist 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: #D5DEF5;
--palette-2: #8594E4;
--palette-3: #6643B5;
--palette-4: #430F58;
}