"Smoke Berry Amber Frost" Color Palette
Create palette1. #434343
- HEX
- #434343
- RGB
- 67, 67, 67
- HSL
- 0.00°, 0.00%, 26.27%
- OKLCH
- 0.3829, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 73.73%
- Temp.
- Neutral
- Brightness
- 26.27%
- Text color
- #F7FFFF
2. #A64452
- HEX
- #A64452
- RGB
- 166, 68, 82
- HSL
- 351.43°, 41.88%, 45.88%
- OKLCH
- 0.5208, 0.1296, 14.07°
- CMYK
- 0.00%, 59.04%, 50.60%, 34.90%
- Temp.
- Warm
- Brightness
- 38.78%
- Text color
- #F7FFFF
3. #F7C873
- HEX
- #F7C873
- RGB
- 247, 200, 115
- HSL
- 38.64°, 89.19%, 70.98%
- OKLCH
- 0.8567, 0.1164, 81.01°
- CMYK
- 0.00%, 19.03%, 53.44%, 3.14%
- Temp.
- Warm
- Brightness
- 80.14%
- Text color
- #111827
4. #F8F8F8
- HEX
- #F8F8F8
- RGB
- 248, 248, 248
- HSL
- 0.00°, 0.00%, 97.25%
- OKLCH
- 0.9791, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 2.75%
- Temp.
- Neutral
- Brightness
- 97.25%
- Text color
- #111827
CSS variables for Smoke Berry Amber Frost 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: #434343;
--palette-2: #A64452;
--palette-3: #F7C873;
--palette-4: #F8F8F8;
}