What are the hex codes in the Dust & Walnut Path palette?

The Dust & Walnut Path color palette consists of Obsidian #080604, Walnut #544639, Dust #AA987E, Bone #E0DBD2.

How should I use the Dust & Walnut Path palette on a website?

Use Bone #E0DBD2 as the background, Obsidian #080604 for text, Dust #AA987E for buttons and links, and Walnut #544639 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Bone at 14.67:1.

Which colors in Dust & Walnut Path have enough contrast for text?

The highest-contrast pair is #080604 on #E0DBD2 with a ratio of 14.67:1, which passes WCAG AA for normal text.

#080604Obsidian

#544639Walnut

#AA987EDust

#E0DBD2Bone

Dust & Walnut Path color palette

Dark Minimal Black Gray Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#080604`	`rgb(8, 6, 4)`	`hsl(30, 33%, 2%)`	`oklch(12.4% 0.008 73)`
Walnut	`#544639`	`rgb(84, 70, 57)`	`hsl(29, 19%, 28%)`	`oklch(40.5% 0.028 65)`
Dust	`#AA987E`	`rgb(170, 152, 126)`	`hsl(35, 21%, 58%)`	`oklch(68.9% 0.042 77)`
Bone	`#E0DBD2`	`rgb(224, 219, 210)`	`hsl(39, 18%, 85%)`	`oklch(89.3% 0.013 82)`

Why it works and how to use it

Dust & Walnut Path is a monochromatic color palette tagged dark, minimal, black. All four colors sit within 10° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Dust takes the lead while the rest support. Lightness runs from 2% to 85%. Well suited to websites, presentations and branding.

Background: Bone (#E0DBD2) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#080604) on #E0DBD2 gives 14.67:1, passing WCAG AAA.
Primary: Dust (#AA987E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Walnut (#544639) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Bone at 14.67:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Dust & Walnut Path

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#080604

#544639

#AA987E

#E0DBD2

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#080604` on `#E0DBD2`	Aa	14.67:1	AAA
`#080604` on `#AA987E`	Aa	7.23:1	AAA
`#544639` on `#E0DBD2`	Aa	6.59:1	AA
`#544639` on `#AA987E`	Aa	3.24:1	AA large only
`#080604` on `#544639`	Aa	2.23:1	Fail
`#AA987E` on `#E0DBD2`	Aa	2.03:1	Fail

Similar palettes 24 more in this mood