"Ice Terracotta Brick Smoke" Color Palette
Create palette1. #29C6CD
- HEX
- #29C6CD
- RGB
- 41, 198, 205
- HSL
- 182.56°, 66.67%, 48.24%
- OKLCH
- 0.7543, 0.1212, 199.66°
- CMYK
- 80.00%, 3.41%, 0.00%, 19.61%
- Temp.
- Cool
- Brightness
- 59.55%
- Text color
- #111827
2. #F6E4C4
- HEX
- #F6E4C4
- RGB
- 246, 228, 196
- HSL
- 38.40°, 73.53%, 86.67%
- OKLCH
- 0.9252, 0.0464, 82.03°
- CMYK
- 0.00%, 7.32%, 20.33%, 3.53%
- Temp.
- Warm
- Brightness
- 90.09%
- Text color
- #111827
3. #FEA386
- HEX
- #FEA386
- RGB
- 254, 163, 134
- HSL
- 14.50°, 98.36%, 76.08%
- OKLCH
- 0.7998, 0.1160, 38.43°
- CMYK
- 0.00%, 35.83%, 47.24%, 0.39%
- Temp.
- Warm
- Brightness
- 73.30%
- Text color
- #111827
4. #F19584
- HEX
- #F19584
- RGB
- 241, 149, 132
- HSL
- 9.36°, 79.56%, 73.14%
- OKLCH
- 0.7605, 0.1146, 31.18°
- CMYK
- 0.00%, 38.17%, 45.23%, 5.49%
- Temp.
- Warm
- Brightness
- 68.46%
- Text color
- #111827
CSS variables for Ice Terracotta Brick 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: #29C6CD;
--palette-2: #F6E4C4;
--palette-3: #FEA386;
--palette-4: #F19584;
}