"Snow Saffron Aqua Flare" Color Palette
Create palette1. #FBFBFB
- HEX
- #FBFBFB
- RGB
- 251, 251, 251
- HSL
- 0.00°, 0.00%, 98.43%
- OKLCH
- 0.9881, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 1.57%
- Temp.
- Neutral
- Brightness
- 98.43%
- Text color
- #111827
2. #FFF1C1
- HEX
- #FFF1C1
- RGB
- 255, 241, 193
- HSL
- 46.45°, 100.00%, 87.84%
- OKLCH
- 0.9575, 0.0636, 93.72°
- CMYK
- 0.00%, 5.49%, 24.31%, 0.00%
- Temp.
- Warm
- Brightness
- 94.01%
- Text color
- #111827
3. #78B7BB
- HEX
- #78B7BB
- RGB
- 120, 183, 187
- HSL
- 183.58°, 33.00%, 60.20%
- OKLCH
- 0.7383, 0.0648, 200.94°
- CMYK
- 35.83%, 2.14%, 0.00%, 26.67%
- Temp.
- Cool
- Brightness
- 64.56%
- Text color
- #111827
4. #808B97
- HEX
- #808B97
- RGB
- 128, 139, 151
- HSL
- 211.30°, 9.96%, 54.71%
- OKLCH
- 0.6318, 0.0222, 250.50°
- CMYK
- 15.23%, 7.95%, 0.00%, 40.78%
- Temp.
- Neutral
- Brightness
- 53.76%
- Text color
- #F7FFFF
CSS variables for Snow Saffron Aqua Flare 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: #FBFBFB;
--palette-2: #FFF1C1;
--palette-3: #78B7BB;
--palette-4: #808B97;
}