Highland Fog — 5-color palette
#D4D4D4#9D8B7E#5C6B5D#3A4A3A#E8DCC4Hex codes
Hex
#D4D4D4
RGB
212, 212, 212
HSL
0°, 0%, 83%
Hex
#9D8B7E
RGB
157, 139, 126
HSL
25°, 14%, 55%
Hex
#5C6B5D
RGB
92, 107, 93
HSL
124°, 8%, 39%
Hex
#3A4A3A
RGB
58, 74, 58
HSL
120°, 12%, 26%
Hex
#E8DCC4
RGB
232, 220, 196
HSL
40°, 44%, 84%
How to use this palette
The first color in Highland Fog is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--highland-fog-1: #D4D4D4;
--highland-fog-2: #9D8B7E;
--highland-fog-3: #5C6B5D;
--highland-fog-4: #3A4A3A;
--highland-fog-5: #E8DCC4;
}