"Sage Ice Apricot Bloom" Color Palette
Create palette1. #7EB19F
- HEX
- #7EB19F
- RGB
- 126, 177, 159
- HSL
- 158.82°, 24.64%, 59.41%
- OKLCH
- 0.7191, 0.0602, 170.66°
- CMYK
- 28.81%, 0.00%, 10.17%, 30.59%
- Temp.
- Cool
- Brightness
- 62.63%
- Text color
- #111827
2. #0C8282
- HEX
- #0C8282
- RGB
- 12, 130, 130
- HSL
- 180.00°, 83.10%, 27.84%
- OKLCH
- 0.5503, 0.0917, 194.82°
- CMYK
- 90.77%, 0.00%, 0.00%, 49.02%
- Temp.
- Cool
- Brightness
- 37.14%
- Text color
- #F7FFFF
3. #EF9037
- HEX
- #EF9037
- RGB
- 239, 144, 55
- HSL
- 29.02°, 85.19%, 57.65%
- OKLCH
- 0.7388, 0.1516, 59.35°
- CMYK
- 0.00%, 39.75%, 76.99%, 6.27%
- Temp.
- Warm
- Brightness
- 63.63%
- Text color
- #111827
4. #EDDDBD
- HEX
- #EDDDBD
- RGB
- 237, 221, 189
- HSL
- 40.00°, 57.14%, 83.53%
- OKLCH
- 0.9023, 0.0458, 84.56°
- CMYK
- 0.00%, 6.75%, 20.25%, 7.06%
- Temp.
- Warm
- Brightness
- 87.11%
- Text color
- #111827
CSS variables for Sage Ice Apricot Bloom 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: #7EB19F;
--palette-2: #0C8282;
--palette-3: #EF9037;
--palette-4: #EDDDBD;
}