What are the hex codes in the Minimal Sepia & Obsidian palette?

The Minimal Sepia & Obsidian color palette consists of Almond #E3DFDB, Putty #D2C6BC, Sepia #734826, Obsidian #130804.

How should I use the Minimal Sepia & Obsidian palette on a website?

Use Almond #E3DFDB as the background, Obsidian #130804 for text, Sepia #734826 for buttons and links, and Putty #D2C6BC for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Obsidian at 14.89:1.

Which colors in Minimal Sepia & Obsidian have enough contrast for text?

The highest-contrast pair is #E3DFDB on #130804 with a ratio of 14.89:1, which passes WCAG AA for normal text.

#E3DFDBAlmond

#D2C6BCPutty

#734826Sepia

#130804Obsidian

Minimal Sepia & Obsidian color palette

Dark Minimal Gray Brown Black

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Minimal Sepia & Obsidian is a monochromatic color palette tagged dark, minimal, gray. All four colors sit within 1° 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.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#E3DFDB`	`rgb(227, 223, 219)`	`hsl(30, 12%, 87%)`	`oklch(90.6% 0.007 68)`
Putty	`#D2C6BC`	`rgb(210, 198, 188)`	`hsl(27, 20%, 78%)`	`oklch(83.4% 0.019 62)`
Sepia	`#734826`	`rgb(115, 72, 38)`	`hsl(26, 50%, 30%)`	`oklch(44.4% 0.076 57)`
Obsidian	`#130804`	`rgb(19, 8, 4)`	`hsl(16, 65%, 5%)`	`oklch(15.0% 0.023 47)`

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Sepia to lead. Lightness runs from 5% to 87%. Well suited to websites, presentations and branding.

Pair	Sample	Ratio	Level
`#E3DFDB` on `#130804`	Aa	14.89:1	AAA
`#D2C6BC` on `#130804`	Aa	11.79:1	AAA
`#E3DFDB` on `#734826`	Aa	5.9:1	AA
`#D2C6BC` on `#734826`	Aa	4.67:1	AA
`#734826` on `#130804`	Aa	2.52:1	Fail
`#E3DFDB` on `#D2C6BC`	Aa	1.26:1	Fail

Minimal Sepia & Obsidian 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 Minimal Sepia & Obsidian

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood