"Rose Pumpkin Lemon Sun" Color Palette
Create palette1. #F69D9D
- HEX
- #F69D9D
- RGB
- 246, 157, 157
- HSL
- 0.00°, 83.18%, 79.02%
- OKLCH
- 0.7854, 0.1068, 19.74°
- CMYK
- 0.00%, 36.18%, 36.18%, 3.53%
- Temp.
- Warm
- Brightness
- 72.00%
- Text color
- #111827
2. #FFEAB6
- HEX
- #FFEAB6
- RGB
- 255, 234, 182
- HSL
- 42.74°, 100.00%, 85.69%
- OKLCH
- 0.9415, 0.0705, 88.62°
- CMYK
- 0.00%, 8.24%, 28.63%, 0.00%
- Temp.
- Warm
- Brightness
- 91.90%
- Text color
- #111827
3. #FDFFBA
- HEX
- #FDFFBA
- RGB
- 253, 255, 186
- HSL
- 61.74°, 100.00%, 86.47%
- OKLCH
- 0.9824, 0.0874, 109.30°
- CMYK
- 0.78%, 0.00%, 27.06%, 0.00%
- Temp.
- Warm
- Brightness
- 96.68%
- Text color
- #111827
4. #C0FFC2
- HEX
- #C0FFC2
- RGB
- 192, 255, 194
- HSL
- 121.90°, 100.00%, 87.65%
- OKLCH
- 0.9421, 0.1032, 145.49°
- CMYK
- 24.71%, 0.00%, 23.92%, 0.00%
- Temp.
- Cool
- Brightness
- 89.89%
- Text color
- #111827
CSS variables for Rose Pumpkin Lemon Sun 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: #F69D9D;
--palette-2: #FFEAB6;
--palette-3: #FDFFBA;
--palette-4: #C0FFC2;
}