"Cherry Amber Saffron River" Color Palette
Create palette1. #FF9090
- HEX
- #FF9090
- RGB
- 255, 144, 144
- HSL
- 0.00°, 100.00%, 78.24%
- OKLCH
- 0.7721, 0.1343, 20.63°
- CMYK
- 0.00%, 43.53%, 43.53%, 0.00%
- Temp.
- Warm
- Brightness
- 69.49%
- Text color
- #111827
2. #FFCF7F
- HEX
- #FFCF7F
- RGB
- 255, 207, 127
- HSL
- 37.50°, 100.00%, 74.90%
- OKLCH
- 0.8796, 0.1122, 79.28°
- CMYK
- 0.00%, 18.82%, 50.20%, 0.00%
- Temp.
- Warm
- Brightness
- 83.23%
- Text color
- #111827
3. #FFFA62
- HEX
- #FFFA62
- RGB
- 255, 250, 98
- HSL
- 58.09°, 100.00%, 69.22%
- OKLCH
- 0.9617, 0.1694, 107.40°
- CMYK
- 0.00%, 1.96%, 61.57%, 0.00%
- Temp.
- Warm
- Brightness
- 91.83%
- Text color
- #111827
4. #89C4FF
- HEX
- #89C4FF
- RGB
- 137, 196, 255
- HSL
- 210.00°, 100.00%, 76.86%
- OKLCH
- 0.8023, 0.1041, 249.24°
- CMYK
- 46.27%, 23.14%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 72.58%
- Text color
- #111827
CSS variables for Cherry Amber Saffron River 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: #FF9090;
--palette-2: #FFCF7F;
--palette-3: #FFFA62;
--palette-4: #89C4FF;
}