"Moss Pumpkin Brick Shore" Color Palette
Create palette1. #DCEDC2
- HEX
- #DCEDC2
- RGB
- 220, 237, 194
- HSL
- 83.72°, 54.43%, 84.51%
- OKLCH
- 0.9224, 0.0596, 125.11°
- CMYK
- 7.17%, 0.00%, 18.14%, 7.06%
- Temp.
- Cool
- Brightness
- 89.03%
- Text color
- #111827
2. #FFD3B5
- HEX
- #FFD3B5
- RGB
- 255, 211, 181
- HSL
- 24.32°, 100.00%, 85.49%
- OKLCH
- 0.8971, 0.0637, 56.05°
- CMYK
- 0.00%, 17.25%, 29.02%, 0.00%
- Temp.
- Warm
- Brightness
- 86.56%
- Text color
- #111827
3. #FFAAA6
- HEX
- #FFAAA6
- RGB
- 255, 170, 166
- HSL
- 2.70°, 100.00%, 82.55%
- OKLCH
- 0.8198, 0.1010, 22.46°
- CMYK
- 0.00%, 33.33%, 34.90%, 0.00%
- Temp.
- Warm
- Brightness
- 76.45%
- Text color
- #111827
4. #FF8C94
- HEX
- #FF8C94
- RGB
- 255, 140, 148
- HSL
- 355.83°, 100.00%, 77.45%
- OKLCH
- 0.7668, 0.1392, 16.48°
- CMYK
- 0.00%, 45.10%, 41.96%, 0.00%
- Temp.
- Warm
- Brightness
- 68.74%
- Text color
- #111827
CSS variables for Moss Pumpkin Brick Shore 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: #DCEDC2;
--palette-2: #FFD3B5;
--palette-3: #FFAAA6;
--palette-4: #FF8C94;
}