"Amber Rose Garden" Color Palette
Create palette1. #F5D7A1
- HEX
- #F5D7A1
- RGB
- 245, 215, 161
- HSL
- 38.57°, 80.77%, 79.61%
- OKLCH
- 0.8915, 0.0771, 81.99°
- CMYK
- 0.00%, 12.24%, 34.29%, 3.92%
- Temp.
- Warm
- Brightness
- 85.42%
- Text color
- #111827
2. #F0A28E
- HEX
- #F0A28E
- RGB
- 240, 162, 142
- HSL
- 12.24°, 76.56%, 74.90%
- OKLCH
- 0.7838, 0.0978, 35.02°
- CMYK
- 0.00%, 32.50%, 40.83%, 5.88%
- Temp.
- Warm
- Brightness
- 71.78%
- Text color
- #111827
3. #BA6476
- HEX
- #BA6476
- RGB
- 186, 100, 118
- HSL
- 347.44°, 38.39%, 56.08%
- OKLCH
- 0.6072, 0.1116, 7.60°
- CMYK
- 0.00%, 46.24%, 36.56%, 27.06%
- Temp.
- Warm
- Brightness
- 50.10%
- Text color
- #F7FFFF
4. #812D58
- HEX
- #812D58
- RGB
- 129, 45, 88
- HSL
- 329.29°, 48.28%, 34.12%
- OKLCH
- 0.4334, 0.1249, 351.83°
- CMYK
- 0.00%, 65.12%, 31.78%, 49.41%
- Temp.
- Warm
- Brightness
- 29.42%
- Text color
- #F7FFFF
CSS variables for Amber Rose Garden 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: #F5D7A1;
--palette-2: #F0A28E;
--palette-3: #BA6476;
--palette-4: #812D58;
}