"Blush Petal Rose Dusk" Color Palette
Create palette1. #7D156D
- HEX
- #7D156D
- RGB
- 125, 21, 109
- HSL
- 309.23°, 71.23%, 28.63%
- OKLCH
- 0.4136, 0.1656, 335.58°
- CMYK
- 0.00%, 83.20%, 12.80%, 50.98%
- Temp.
- Warm
- Brightness
- 24.36%
- Text color
- #F7FFFF
2. #B94E8A
- HEX
- #B94E8A
- RGB
- 185, 78, 138
- HSL
- 326.36°, 43.32%, 51.57%
- OKLCH
- 0.5805, 0.1534, 348.17°
- CMYK
- 0.00%, 57.84%, 25.41%, 27.45%
- Temp.
- Warm
- Brightness
- 45.82%
- Text color
- #F7FFFF
3. #D87CA1
- HEX
- #D87CA1
- RGB
- 216, 124, 161
- HSL
- 335.87°, 54.12%, 66.67%
- OKLCH
- 0.6968, 0.1215, 355.14°
- CMYK
- 0.00%, 42.59%, 25.46%, 15.29%
- Temp.
- Warm
- Brightness
- 61.07%
- Text color
- #111827
4. #FFD7F1
- HEX
- #FFD7F1
- RGB
- 255, 215, 241
- HSL
- 321.00°, 100.00%, 92.16%
- OKLCH
- 0.9204, 0.0557, 339.20°
- CMYK
- 0.00%, 15.69%, 5.49%, 0.00%
- Temp.
- Warm
- Brightness
- 90.17%
- Text color
- #111827
CSS variables for Blush Petal Rose Dusk 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: #7D156D;
--palette-2: #B94E8A;
--palette-3: #D87CA1;
--palette-4: #FFD7F1;
}