"Poppy Crimson Apricot Dream" Color Palette
Create palette1. #4A2C2C
- HEX
- #4A2C2C
- RGB
- 74, 44, 44
- HSL
- 0.00°, 25.42%, 23.14%
- OKLCH
- 0.3305, 0.0447, 19.73°
- CMYK
- 0.00%, 40.54%, 40.54%, 70.98%
- Temp.
- Warm
- Brightness
- 20.77%
- Text color
- #F7FFFF
2. #D3504A
- HEX
- #D3504A
- RGB
- 211, 80, 74
- HSL
- 2.63°, 60.89%, 55.88%
- OKLCH
- 0.6053, 0.1668, 25.94°
- CMYK
- 0.00%, 62.09%, 64.93%, 17.25%
- Temp.
- Warm
- Brightness
- 46.46%
- Text color
- #F7FFFF
3. #FFDC76
- HEX
- #FFDC76
- RGB
- 255, 220, 118
- HSL
- 44.67°, 100.00%, 73.14%
- OKLCH
- 0.9036, 0.1274, 90.80°
- CMYK
- 0.00%, 13.73%, 53.73%, 0.00%
- Temp.
- Warm
- Brightness
- 85.82%
- Text color
- #111827
4. #FEFEA4
- HEX
- #FEFEA4
- RGB
- 254, 254, 164
- HSL
- 60.00°, 97.83%, 81.96%
- OKLCH
- 0.9772, 0.1115, 108.30°
- CMYK
- 0.00%, 0.00%, 35.43%, 0.39%
- Temp.
- Warm
- Brightness
- 95.58%
- Text color
- #111827
CSS variables for Poppy Crimson Apricot Dream 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: #4A2C2C;
--palette-2: #D3504A;
--palette-3: #FFDC76;
--palette-4: #FEFEA4;
}