Color Palettes

Sandstone color

A muted grayish brown inspired by the layered sedimentary rock found in canyons of the American Southwest. It is a calm, earthy neutral for exteriors, stonework and modern interiors.

Also known as: Sandstone brown.

The hex code for sandstone is #786D5F. In RGB it is rgb(120, 109, 95), in HSL hsl(34, 12%, 42%) and in CMYK 0, 9, 21, 53.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to sandstone

Nickel#727472Dove gray#6D6C6CDim gray#696969Granite gray#676767Gray#808080Medium gray#808080

About sandstone

Sandstone (#786D5F) is a warm, mid-tone, muted color. It belongs to the browns family. It mixes 120 red, 109 green and 95 blue (out of 255). It is mostly used in architecture, interiors, home decor.

Swatch of Sandstone with its shades from light to dark · #786D5F
Sandstone · #786D5F

Sandstone shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Sandstone outfits: palettes by season

Outfit palettes with sandstone or a very close shade, each with 8 outfits to copy.

MinimalistFall · MenNight outSpring · Men

Sandstone color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Payne's gray
AnalogousClose to: Camouflage green
TriadicClose to: Eucalyptus, Storm gray
Split complementaryClose to: Steel gray, Storm gray

Sandstone color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Sandstone
Analogous palette · Sandstone
Complementary palette · Sandstone
Triadic palette · Sandstone
With neutrals palette · Sandstone
With an accent palette · Sandstone

Sandstone contrast with text

White textContrast 5.1:1 · AA
Black textContrast 4.2:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --sandstone: #786D5F;
  --sandstone-rgb: 120, 109, 95;
}
.bg { background-color: var(--sandstone); }
.text { color: var(--sandstone); }

Colors similar to sandstone

Battleship grayLead graySmoke grayStone gray

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutBurnt umber
Swatch of Sandstone with its shades from light to dark · #786D5F
Swatch of Sandstone with its shades from light to dark · #786D5F

Try this next

Name color paletteType a name and get your own color story paletteFace shape detectorFind your face shape, best haircuts and glassesSpin the wheelType your options and spin. A color wheel too
See all free tools →

Frequently asked questions

What is the hex code for sandstone?

The hex code for sandstone is #786D5F. In RGB it is rgb(120, 109, 95), in HSL hsl(34, 12%, 42%) and in CMYK 0, 9, 21, 53.

What is the complementary color of sandstone?

Its complement on the color wheel is #5F6A78, close to payne's gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on sandstone?

Yes. The contrast with white is 5.1:1, enough for body text (WCAG AA).