"Saffron Pool Ocean Smoke" Color Palette
Create palette1. #FAFBD4
- HEX
- #FAFBD4
- RGB
- 250, 251, 212
- HSL
- 61.54°, 82.98%, 90.78%
- OKLCH
- 0.9774, 0.0506, 108.51°
- CMYK
- 0.40%, 0.00%, 15.54%, 1.57%
- Temp.
- Warm
- Brightness
- 96.57%
- Text color
- #111827
2. #B2EBF9
- HEX
- #B2EBF9
- RGB
- 178, 235, 249
- HSL
- 191.83°, 85.54%, 83.73%
- OKLCH
- 0.9057, 0.0608, 214.50°
- CMYK
- 28.51%, 5.62%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 86.10%
- Text color
- #111827
3. #AEA1EA
- HEX
- #AEA1EA
- RGB
- 174, 161, 234
- HSL
- 250.68°, 63.48%, 77.45%
- OKLCH
- 0.7472, 0.1045, 291.84°
- CMYK
- 25.64%, 31.20%, 0.00%, 8.24%
- Temp.
- Cool
- Brightness
- 67.93%
- Text color
- #111827
4. #8C54A1
- HEX
- #8C54A1
- RGB
- 140, 84, 161
- HSL
- 283.64°, 31.43%, 48.04%
- OKLCH
- 0.5404, 0.1303, 316.23°
- CMYK
- 13.04%, 47.83%, 0.00%, 36.86%
- Temp.
- Cool
- Brightness
- 42.95%
- Text color
- #F7FFFF
CSS variables for Saffron Pool Ocean Smoke 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: #FAFBD4;
--palette-2: #B2EBF9;
--palette-3: #AEA1EA;
--palette-4: #8C54A1;
}