"Storm Peony Coral Flare" Color Palette
Create palette1. #1D2B53
- HEX
- #1D2B53
- RGB
- 29, 43, 83
- HSL
- 224.44°, 48.21%, 21.96%
- OKLCH
- 0.2997, 0.0749, 267.29°
- CMYK
- 65.06%, 48.19%, 0.00%, 67.45%
- Temp.
- Cool
- Brightness
- 17.01%
- Text color
- #F7FFFF
2. #7E2553
- HEX
- #7E2553
- RGB
- 126, 37, 83
- HSL
- 328.99°, 54.60%, 31.96%
- OKLCH
- 0.4169, 0.1311, 352.47°
- CMYK
- 0.00%, 70.63%, 34.13%, 50.59%
- Temp.
- Warm
- Brightness
- 27.00%
- Text color
- #F7FFFF
3. #FF004D
- HEX
- #FF004D
- RGB
- 255, 0, 77
- HSL
- 341.88°, 100.00%, 50.00%
- OKLCH
- 0.6340, 0.2539, 17.63°
- CMYK
- 0.00%, 100.00%, 69.80%, 0.00%
- Temp.
- Warm
- Brightness
- 33.34%
- Text color
- #F7FFFF
4. #FFF024
- HEX
- #FFF024
- RGB
- 255, 240, 36
- HSL
- 55.89°, 100.00%, 57.06%
- OKLCH
- 0.9377, 0.1928, 104.78°
- CMYK
- 0.00%, 5.88%, 85.88%, 0.00%
- Temp.
- Warm
- Brightness
- 86.76%
- Text color
- #111827
CSS variables for Storm Peony Coral Flare 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: #1D2B53;
--palette-2: #7E2553;
--palette-3: #FF004D;
--palette-4: #FFF024;
}