"Walnut Ice Lagoon Sky" Color Palette
Create palette1. #5F2F14
- HEX
- #5F2F14
- RGB
- 95, 47, 20
- HSL
- 21.60°, 65.22%, 22.55%
- OKLCH
- 0.3634, 0.0798, 47.68°
- CMYK
- 0.00%, 50.53%, 78.95%, 62.75%
- Temp.
- Warm
- Brightness
- 22.85%
- Text color
- #F7FFFF
2. #1297BD
- HEX
- #1297BD
- RGB
- 18, 151, 189
- HSL
- 193.33°, 82.61%, 40.59%
- OKLCH
- 0.6297, 0.1156, 224.55°
- CMYK
- 90.48%, 20.11%, 0.00%, 25.88%
- Temp.
- Cool
- Brightness
- 45.32%
- Text color
- #F7FFFF
3. #1AD7DB
- HEX
- #1AD7DB
- RGB
- 26, 215, 219
- HSL
- 181.24°, 78.78%, 48.04%
- OKLCH
- 0.7988, 0.1330, 197.26°
- CMYK
- 88.13%, 1.83%, 0.00%, 14.12%
- Temp.
- Cool
- Brightness
- 62.33%
- Text color
- #111827
4. #F3F1F1
- HEX
- #F3F1F1
- RGB
- 243, 241, 241
- HSL
- 0.00°, 7.69%, 94.90%
- OKLCH
- 0.9597, 0.0021, 17.20°
- CMYK
- 0.00%, 0.82%, 0.82%, 4.71%
- Temp.
- Neutral
- Brightness
- 94.74%
- Text color
- #111827
CSS variables for Walnut Ice Lagoon Sky 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: #5F2F14;
--palette-2: #1297BD;
--palette-3: #1AD7DB;
--palette-4: #F3F1F1;
}