"Sky Ochre Wheat Breeze" Color Palette
Create palette1. #121435
- HEX
- #121435
- RGB
- 18, 20, 53
- HSL
- 236.57°, 49.30%, 13.92%
- OKLCH
- 0.2113, 0.0636, 276.87°
- CMYK
- 66.04%, 62.26%, 0.00%, 79.22%
- Temp.
- Cool
- Brightness
- 9.08%
- Text color
- #F7FFFF
2. #FAF9F0
- HEX
- #FAF9F0
- RGB
- 250, 249, 240
- HSL
- 54.00°, 50.00%, 96.08%
- OKLCH
- 0.9804, 0.0119, 101.48°
- CMYK
- 0.00%, 0.40%, 4.00%, 1.96%
- Temp.
- Warm
- Brightness
- 97.36%
- Text color
- #111827
3. #EDEBCA
- HEX
- #EDEBCA
- RGB
- 237, 235, 202
- HSL
- 56.57°, 49.30%, 86.08%
- OKLCH
- 0.9331, 0.0434, 104.36°
- CMYK
- 0.00%, 0.84%, 14.77%, 7.06%
- Temp.
- Warm
- Brightness
- 90.92%
- Text color
- #111827
4. #FF5722
- HEX
- #FF5722
- RGB
- 255, 87, 34
- HSL
- 14.39°, 100.00%, 56.67%
- OKLCH
- 0.6792, 0.2128, 36.53°
- CMYK
- 0.00%, 65.88%, 86.67%, 0.00%
- Temp.
- Warm
- Brightness
- 51.45%
- Text color
- #F7FFFF
CSS variables for Sky Ochre Wheat Breeze 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: #121435;
--palette-2: #FAF9F0;
--palette-3: #EDEBCA;
--palette-4: #FF5722;
}