"Pool Butter Sage Dream" Color Palette
Create palette1. #586E72
- HEX
- #586E72
- RGB
- 88, 110, 114
- HSL
- 189.23°, 12.87%, 39.61%
- OKLCH
- 0.5219, 0.0268, 209.86°
- CMYK
- 22.81%, 3.51%, 0.00%, 55.29%
- Temp.
- Cool
- Brightness
- 40.74%
- Text color
- #F7FFFF
2. #FBF27C
- HEX
- #FBF27C
- RGB
- 251, 242, 124
- HSL
- 55.75°, 94.07%, 73.53%
- OKLCH
- 0.9448, 0.1400, 104.83°
- CMYK
- 0.00%, 3.59%, 50.60%, 1.57%
- Temp.
- Warm
- Brightness
- 90.68%
- Text color
- #111827
3. #5C835A
- HEX
- #5C835A
- RGB
- 92, 131, 90
- HSL
- 117.07°, 18.55%, 43.33%
- OKLCH
- 0.5695, 0.0758, 143.34°
- CMYK
- 29.77%, 0.00%, 31.30%, 48.63%
- Temp.
- Cool
- Brightness
- 44.97%
- Text color
- #F7FFFF
4. #305C5C
- HEX
- #305C5C
- RGB
- 48, 92, 92
- HSL
- 180.00°, 31.43%, 27.45%
- OKLCH
- 0.4433, 0.0488, 195.53°
- CMYK
- 47.83%, 0.00%, 0.00%, 63.92%
- Temp.
- Cool
- Brightness
- 30.92%
- Text color
- #F7FFFF
CSS variables for Pool Butter Sage Dream 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: #586E72;
--palette-2: #FBF27C;
--palette-3: #5C835A;
--palette-4: #305C5C;
}