"Sage Pumpkin Poppy Horizon" Color Palette
Create palette1. #DDE8B9
- HEX
- #DDE8B9
- RGB
- 221, 232, 185
- HSL
- 74.04°, 50.54%, 81.76%
- OKLCH
- 0.9108, 0.0629, 118.36°
- CMYK
- 4.74%, 0.00%, 20.26%, 9.02%
- Temp.
- Cool
- Brightness
- 87.59%
- Text color
- #111827
2. #E8D2AE
- HEX
- #E8D2AE
- RGB
- 232, 210, 174
- HSL
- 37.24°, 55.77%, 79.61%
- OKLCH
- 0.8729, 0.0536, 80.04°
- CMYK
- 0.00%, 9.48%, 25.00%, 9.02%
- Temp.
- Warm
- Brightness
- 83.32%
- Text color
- #111827
3. #CB8589
- HEX
- #CB8589
- RGB
- 203, 133, 137
- HSL
- 356.57°, 40.23%, 65.88%
- OKLCH
- 0.6893, 0.0865, 15.82°
- CMYK
- 0.00%, 34.48%, 32.51%, 20.39%
- Temp.
- Warm
- Brightness
- 60.54%
- Text color
- #111827
4. #796465
- HEX
- #796465
- RGB
- 121, 100, 101
- HSL
- 357.14°, 9.50%, 43.33%
- OKLCH
- 0.5240, 0.0271, 14.81°
- CMYK
- 0.00%, 17.36%, 16.53%, 52.55%
- Temp.
- Neutral
- Brightness
- 41.72%
- Text color
- #F7FFFF
CSS variables for Sage Pumpkin Poppy 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: #DDE8B9;
--palette-2: #E8D2AE;
--palette-3: #CB8589;
--palette-4: #796465;
}