"Crimson Ochre Sage Bloom" Color Palette
Create palette1. #F47C7C
- HEX
- #F47C7C
- RGB
- 244, 124, 124
- HSL
- 0.00°, 84.51%, 72.16%
- OKLCH
- 0.7230, 0.1476, 21.39°
- CMYK
- 0.00%, 49.18%, 49.18%, 4.31%
- Temp.
- Warm
- Brightness
- 62.70%
- Text color
- #111827
2. #F7F48B
- HEX
- #F7F48B
- RGB
- 247, 244, 139
- HSL
- 58.33°, 87.10%, 75.69%
- OKLCH
- 0.9476, 0.1276, 107.16°
- CMYK
- 0.00%, 1.21%, 43.72%, 3.14%
- Temp.
- Warm
- Brightness
- 91.34%
- Text color
- #111827
3. #A1DE93
- HEX
- #A1DE93
- RGB
- 161, 222, 147
- HSL
- 108.80°, 53.19%, 72.35%
- OKLCH
- 0.8406, 0.1191, 139.82°
- CMYK
- 27.48%, 0.00%, 33.78%, 12.94%
- Temp.
- Cool
- Brightness
- 76.55%
- Text color
- #111827
4. #70A1D7
- HEX
- #70A1D7
- RGB
- 112, 161, 215
- HSL
- 211.46°, 56.28%, 64.12%
- OKLCH
- 0.6957, 0.0957, 251.62°
- CMYK
- 47.91%, 25.12%, 0.00%, 15.69%
- Temp.
- Cool
- Brightness
- 59.81%
- Text color
- #111827
CSS variables for Crimson Ochre Sage 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: #F47C7C;
--palette-2: #F7F48B;
--palette-3: #A1DE93;
--palette-4: #70A1D7;
}