"Poppy Bubblegum Iris Horizon" Color Palette
Create palette1. #F67280
- HEX
- #F67280
- RGB
- 246, 114, 128
- HSL
- 353.64°, 88.00%, 70.59%
- OKLCH
- 0.7124, 0.1620, 15.61°
- CMYK
- 0.00%, 53.66%, 47.97%, 3.53%
- Temp.
- Warm
- Brightness
- 60.81%
- Text color
- #111827
2. #C06C84
- HEX
- #C06C84
- RGB
- 192, 108, 132
- HSL
- 342.86°, 40.00%, 58.82%
- OKLCH
- 0.6321, 0.1097, 2.38°
- CMYK
- 0.00%, 43.75%, 31.25%, 24.71%
- Temp.
- Warm
- Brightness
- 53.28%
- Text color
- #F7FFFF
3. #6C5B7B
- HEX
- #6C5B7B
- RGB
- 108, 91, 123
- HSL
- 271.88°, 14.95%, 41.96%
- OKLCH
- 0.4999, 0.0539, 308.62°
- CMYK
- 12.20%, 26.02%, 0.00%, 51.76%
- Temp.
- Cool
- Brightness
- 39.11%
- Text color
- #F7FFFF
4. #355C7D
- HEX
- #355C7D
- RGB
- 53, 92, 125
- HSL
- 207.50°, 40.45%, 34.90%
- OKLCH
- 0.4608, 0.0700, 245.64°
- CMYK
- 57.60%, 26.40%, 0.00%, 50.98%
- Temp.
- Cool
- Brightness
- 32.98%
- Text color
- #F7FFFF
CSS variables for Poppy Bubblegum Iris 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: #F67280;
--palette-2: #C06C84;
--palette-3: #6C5B7B;
--palette-4: #355C7D;
}