"Storm Slate Copper Meadow" Color Palette
Create palette1. #393E46
- HEX
- #393E46
- RGB
- 57, 62, 70
- HSL
- 216.92°, 10.24%, 24.90%
- OKLCH
- 0.3623, 0.0154, 259.81°
- CMYK
- 18.57%, 11.43%, 0.00%, 72.55%
- Temp.
- Cool
- Brightness
- 24.09%
- Text color
- #F7FFFF
2. #5C636E
- HEX
- #5C636E
- RGB
- 92, 99, 110
- HSL
- 216.67°, 8.91%, 39.61%
- OKLCH
- 0.4975, 0.0196, 259.42°
- CMYK
- 16.36%, 10.00%, 0.00%, 56.86%
- Temp.
- Neutral
- Brightness
- 38.49%
- Text color
- #F7FFFF
3. #F96D00
- HEX
- #F96D00
- RGB
- 249, 109, 0
- HSL
- 26.27°, 100.00%, 48.82%
- OKLCH
- 0.6960, 0.1933, 46.74°
- CMYK
- 0.00%, 56.22%, 100.00%, 2.35%
- Temp.
- Warm
- Brightness
- 54.29%
- Text color
- #F7FFFF
4. #F2F2F2
- HEX
- #F2F2F2
- RGB
- 242, 242, 242
- HSL
- 0.00°, 0.00%, 94.90%
- OKLCH
- 0.9612, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 5.10%
- Temp.
- Neutral
- Brightness
- 94.90%
- Text color
- #111827
CSS variables for Storm Slate Copper Meadow 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: #393E46;
--palette-2: #5C636E;
--palette-3: #F96D00;
--palette-4: #F2F2F2;
}