"Honey Clay Ocean Grove" Color Palette
Create palette1. #F8F5E4
- HEX
- #F8F5E4
- RGB
- 248, 245, 228
- HSL
- 51.00°, 58.82%, 93.33%
- OKLCH
- 0.9679, 0.0226, 98.64°
- CMYK
- 0.00%, 1.21%, 8.06%, 2.75%
- Temp.
- Warm
- Brightness
- 95.67%
- Text color
- #111827
2. #F97300
- HEX
- #F97300
- RGB
- 249, 115, 0
- HSL
- 27.71°, 100.00%, 48.82%
- OKLCH
- 0.7044, 0.1890, 48.98°
- CMYK
- 0.00%, 53.82%, 100.00%, 2.35%
- Temp.
- Warm
- Brightness
- 55.67%
- Text color
- #F7FFFF
3. #0E3047
- HEX
- #0E3047
- RGB
- 14, 48, 71
- HSL
- 204.21°, 67.06%, 16.67%
- OKLCH
- 0.2970, 0.0571, 242.05°
- CMYK
- 80.28%, 32.39%, 0.00%, 72.16%
- Temp.
- Cool
- Brightness
- 15.87%
- Text color
- #F7FFFF
4. #10828C
- HEX
- #10828C
- RGB
- 16, 130, 140
- HSL
- 184.84°, 79.49%, 30.59%
- OKLCH
- 0.5547, 0.0916, 204.64°
- CMYK
- 88.57%, 7.14%, 0.00%, 45.10%
- Temp.
- Cool
- Brightness
- 38.06%
- Text color
- #F7FFFF
CSS variables for Honey Clay Ocean Grove 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: #F8F5E4;
--palette-2: #F97300;
--palette-3: #0E3047;
--palette-4: #10828C;
}