"Ash Sage Cinnamon Shore" Color Palette
Create palette1. #393939
- HEX
- #393939
- RGB
- 57, 57, 57
- HSL
- 0.00°, 0.00%, 22.35%
- OKLCH
- 0.3446, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 77.65%
- Temp.
- Neutral
- Brightness
- 22.35%
- Text color
- #F7FFFF
2. #849561
- HEX
- #849561
- RGB
- 132, 149, 97
- HSL
- 79.62°, 21.14%, 48.24%
- OKLCH
- 0.6430, 0.0757, 123.24°
- CMYK
- 11.41%, 0.00%, 34.90%, 41.57%
- Temp.
- Cool
- Brightness
- 54.11%
- Text color
- #F7FFFF
3. #EED690
- HEX
- #EED690
- RGB
- 238, 214, 144
- HSL
- 44.68°, 73.44%, 74.90%
- OKLCH
- 0.8802, 0.0925, 91.29°
- CMYK
- 0.00%, 10.08%, 39.50%, 6.67%
- Temp.
- Warm
- Brightness
- 83.61%
- Text color
- #111827
4. #ECEFD8
- HEX
- #ECEFD8
- RGB
- 236, 239, 216
- HSL
- 67.83°, 41.82%, 89.22%
- OKLCH
- 0.9437, 0.0305, 113.01°
- CMYK
- 1.26%, 0.00%, 9.62%, 6.27%
- Temp.
- Warm
- Brightness
- 92.35%
- Text color
- #111827
CSS variables for Ash Sage Cinnamon Shore 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: #393939;
--palette-2: #849561;
--palette-3: #EED690;
--palette-4: #ECEFD8;
}