"Wine Honey Pine Dawn" Color Palette
Create palette1. #F36B6B
- HEX
- #F36B6B
- RGB
- 243, 107, 107
- HSL
- 0.00°, 85.00%, 68.63%
- OKLCH
- 0.6942, 0.1681, 22.46°
- CMYK
- 0.00%, 55.97%, 55.97%, 4.71%
- Temp.
- Warm
- Brightness
- 57.91%
- Text color
- #F7FFFF
2. #ECE58A
- HEX
- #ECE58A
- RGB
- 236, 229, 138
- HSL
- 55.71°, 72.06%, 73.33%
- OKLCH
- 0.9078, 0.1130, 104.59°
- CMYK
- 0.00%, 2.97%, 41.53%, 7.45%
- Temp.
- Warm
- Brightness
- 86.56%
- Text color
- #111827
3. #1FB57B
- HEX
- #1FB57B
- RGB
- 31, 181, 123
- HSL
- 156.80°, 70.75%, 41.57%
- OKLCH
- 0.6856, 0.1467, 160.62°
- CMYK
- 82.87%, 0.00%, 32.04%, 29.02%
- Temp.
- Cool
- Brightness
- 50.80%
- Text color
- #F7FFFF
4. #84D270
- HEX
- #84D270
- RGB
- 132, 210, 112
- HSL
- 107.76°, 52.13%, 63.14%
- OKLCH
- 0.7904, 0.1530, 139.46°
- CMYK
- 37.14%, 0.00%, 46.67%, 17.65%
- Temp.
- Cool
- Brightness
- 68.83%
- Text color
- #111827
CSS variables for Wine Honey Pine Dawn 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: #F36B6B;
--palette-2: #ECE58A;
--palette-3: #1FB57B;
--palette-4: #84D270;
}