What are the hex codes in the Ash & Sand palette?

The Ash & Sand color palette consists of Taupe #463F3A, Gray #8A817C, Ash #BCB8B1, Smoke #F4F3EE.

How should I use the Ash & Sand palette on a website?

Use Smoke #F4F3EE as the background, Taupe #463F3A for text, Ash #BCB8B1 for buttons and links, and Gray #8A817C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Taupe on Smoke at 9.3:1.

Which colors in Ash & Sand have enough contrast for text?

The highest-contrast pair is #463F3A on #F4F3EE with a ratio of 9.3:1, which passes WCAG AA for normal text.

#463F3ATaupe

#8A817CGray

#BCB8B1Ash

#F4F3EESmoke

Ash & Sand color palette

Minimal Monochrome Gray White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Ash & Sand is a muted neutral-based color palette tagged minimal, monochrome, gray. Built almost entirely from neutrals, with Smoke (#F4F3EE) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Taupe	`#463F3A`	`rgb(70, 63, 58)`	`hsl(25, 9%, 25%)`	`oklch(37.3% 0.013 58)`
Gray	`#8A817C`	`rgb(138, 129, 124)`	`hsl(21, 6%, 51%)`	`oklch(61.0% 0.013 51)`
Ash	`#BCB8B1`	`rgb(188, 184, 177)`	`hsl(38, 8%, 72%)`	`oklch(78.4% 0.011 82)`
Smoke	`#F4F3EE`	`rgb(244, 243, 238)`	`hsl(50, 21%, 95%)`	`oklch(96.4% 0.007 97)`

Why it works and how to use it

It works because the lightness range is wide (25% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#463F3A` on `#F4F3EE`	Aa	9.3:1	AAA
`#463F3A` on `#BCB8B1`	Aa	5.23:1	AA
`#8A817C` on `#F4F3EE`	Aa	3.43:1	AA large only
`#463F3A` on `#8A817C`	Aa	2.71:1	Fail
`#8A817C` on `#BCB8B1`	Aa	1.93:1	Fail
`#BCB8B1` on `#F4F3EE`	Aa	1.78:1	Fail

Ash & Sand color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Ash & Sand

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood