Driftwood color

A sun-faded golden brown inspired by wood washed up on the beach. It is relaxed and coastal, working well in beach houses, picture frames and natural decor.

Also known as: Driftwood brown.

Open in editor

The hex code for driftwood is #AF8751. In RGB it is rgb(175, 135, 81), in HSL hsl(34, 37%, 50%) and in CMYK 0, 23, 54, 31.

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 driftwood

Teak#B19160 Camel#C19A6B Café au lait#A67B5B Cappuccino#A57B5B Latte#C5A582 Fawn#E5AA70

About driftwood

Driftwood (#AF8751) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 175 red, 135 green and 81 blue (out of 255). It is mostly used in home decor, interiors, coastal decor.

Swatch of Driftwood with its shades from light to dark · #AF8751 — Driftwood · #AF8751

Driftwood shades and tints

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

See all its shades: Color shades generator

Driftwood outfits: palettes by season

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

BohoFall · Men Quiet luxuryFall · Men Quiet luxurySpring · Men OfficeSpring · Men Quiet luxurySummer · Men BohoWinter · Men Quiet luxuryWinter · Men

Driftwood color harmonies

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

ComplementaryClose to: Steel blue

AnalogousClose to: Cognac, Brass

TriadicClose to: Jungle green, Royal purple

Split complementaryClose to: Verdigris, Violet blue

TetradicClose to: Emerald green, Steel blue, Plum

Driftwood color palettes

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

Monochromatic palette · Driftwood

Analogous palette · Driftwood

Complementary palette · Driftwood

Triadic palette · Driftwood

With neutrals palette · Driftwood

With an accent palette · Driftwood

Driftwood contrast with text

White textContrast 3.3:1 · AA large text

Black textContrast 6.4:1 · AA

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

CSS code

:root {
  --driftwood: #AF8751;
  --driftwood-rgb: 175, 135, 81;
}
.bg { background-color: var(--driftwood); }
.text { color: var(--driftwood); }

Colors similar to driftwood

Light brown Copper Leather brown Raw umber

Where you'll see this color

Wake Forest Demon DeaconsTeam colors Boston CelticsTeam colors Ottawa SenatorsTeam colors Georgia Southern EaglesTeam colors

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Espresso Walnut Burnt umber

Try this next

Name color paletteType a name and get your own color story palette Color PlinkoDrop chips, bounce down the pegs, get a palette Color Scratch-OffScratch a free ticket and reveal a palette

See all free tools →

Frequently asked questions

What is the hex code for driftwood?

The hex code for driftwood is #AF8751. In RGB it is rgb(175, 135, 81), in HSL hsl(34, 37%, 50%) and in CMYK 0, 23, 54, 31.

What is the complementary color of driftwood?

Its complement on the color wheel is #5179AF, close to steel blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on driftwood?

Use black text instead: the contrast with white is only 3.3:1, while with black it is 6.4:1.