"Storm Plum Coral Horizon" Color Palette
Create palette1. #0C056D
- HEX
- #0C056D
- RGB
- 12, 5, 109
- HSL
- 244.04°, 91.23%, 22.35%
- OKLCH
- 0.2527, 0.1601, 268.85°
- CMYK
- 88.99%, 95.41%, 0.00%, 57.25%
- Temp.
- Cool
- Brightness
- 7.43%
- Text color
- #F7FFFF
2. #590D82
- HEX
- #590D82
- RGB
- 89, 13, 130
- HSL
- 278.97°, 81.82%, 28.04%
- OKLCH
- 0.3660, 0.1746, 308.75°
- CMYK
- 31.54%, 90.00%, 0.00%, 49.02%
- Temp.
- Cool
- Brightness
- 19.24%
- Text color
- #F7FFFF
3. #B61AAE
- HEX
- #B61AAE
- RGB
- 182, 26, 174
- HSL
- 303.08°, 75.00%, 40.78%
- OKLCH
- 0.5475, 0.2346, 330.71°
- CMYK
- 0.00%, 85.71%, 4.40%, 28.63%
- Temp.
- Warm
- Brightness
- 35.10%
- Text color
- #F7FFFF
4. #F25D9C
- HEX
- #F25D9C
- RGB
- 242, 93, 156
- HSL
- 334.63°, 85.14%, 65.69%
- OKLCH
- 0.6878, 0.1917, 357.14°
- CMYK
- 0.00%, 61.57%, 35.54%, 5.10%
- Temp.
- Warm
- Brightness
- 56.76%
- Text color
- #F7FFFF
CSS variables for Storm Plum Coral Horizon 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: #0C056D;
--palette-2: #590D82;
--palette-3: #B61AAE;
--palette-4: #F25D9C;
}