"Honey Sand Sunset Spark" Color Palette
Create palette1. #FBFF7C
- HEX
- #FBFF7C
- RGB
- 251, 255, 124
- HSL
- 61.83°, 100.00%, 74.31%
- OKLCH
- 0.9714, 0.1536, 110.53°
- CMYK
- 1.57%, 0.00%, 51.37%, 0.00%
- Temp.
- Warm
- Brightness
- 93.67%
- Text color
- #111827
2. #FFE35E
- HEX
- #FFE35E
- RGB
- 255, 227, 94
- HSL
- 49.57°, 100.00%, 68.43%
- OKLCH
- 0.9149, 0.1525, 97.36°
- CMYK
- 0.00%, 10.98%, 63.14%, 0.00%
- Temp.
- Warm
- Brightness
- 86.36%
- Text color
- #111827
3. #E4663A
- HEX
- #E4663A
- RGB
- 228, 102, 58
- HSL
- 15.53°, 75.89%, 56.08%
- OKLCH
- 0.6582, 0.1677, 39.13°
- CMYK
- 0.00%, 55.26%, 74.56%, 10.59%
- Temp.
- Warm
- Brightness
- 52.81%
- Text color
- #F7FFFF
4. #92253F
- HEX
- #92253F
- RGB
- 146, 37, 63
- HSL
- 345.69°, 59.56%, 35.88%
- OKLCH
- 0.4456, 0.1443, 11.55°
- CMYK
- 0.00%, 74.66%, 56.85%, 42.75%
- Temp.
- Warm
- Brightness
- 28.45%
- Text color
- #F7FFFF
CSS variables for Honey Sand Sunset Spark 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: #FBFF7C;
--palette-2: #FFE35E;
--palette-3: #E4663A;
--palette-4: #92253F;
}