"Scarlet Flamingo Fern Moon" Color Palette
Create palette1. #FEBFB3
- HEX
- #FEBFB3
- RGB
- 254, 191, 179
- HSL
- 9.60°, 97.40%, 84.90%
- OKLCH
- 0.8588, 0.0750, 30.89°
- CMYK
- 0.00%, 24.80%, 29.53%, 0.39%
- Temp.
- Warm
- Brightness
- 81.75%
- Text color
- #111827
2. #E1396C
- HEX
- #E1396C
- RGB
- 225, 57, 108
- HSL
- 341.79°, 73.68%, 55.29%
- OKLCH
- 0.6114, 0.2049, 7.96°
- CMYK
- 0.00%, 74.67%, 52.00%, 11.76%
- Temp.
- Warm
- Brightness
- 44.33%
- Text color
- #F7FFFF
3. #96D38C
- HEX
- #96D38C
- RGB
- 150, 211, 140
- HSL
- 111.55°, 44.65%, 68.82%
- OKLCH
- 0.8076, 0.1158, 141.01°
- CMYK
- 28.91%, 0.00%, 33.65%, 17.25%
- Temp.
- Cool
- Brightness
- 72.42%
- Text color
- #111827
4. #D0F9B1
- HEX
- #D0F9B1
- RGB
- 208, 249, 177
- HSL
- 94.17°, 85.71%, 83.53%
- OKLCH
- 0.9357, 0.1032, 132.23°
- CMYK
- 16.47%, 0.00%, 28.92%, 2.35%
- Temp.
- Cool
- Brightness
- 89.62%
- Text color
- #111827
CSS variables for Scarlet Flamingo Fern Moon 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: #FEBFB3;
--palette-2: #E1396C;
--palette-3: #96D38C;
--palette-4: #D0F9B1;
}