What are the hex codes in the Sienna & Fog Tale palette?

The Sienna & Fog Tale color palette consists of Obsidian #040303, Jet #37312D, Sienna #AB6018, Fog #D2CAC2.

How should I use the Sienna & Fog Tale palette on a website?

Use Fog #D2CAC2 as the background, Obsidian #040303 for text, Sienna #AB6018 for buttons and links, and Jet #37312D for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Fog at 12.72:1.

Which colors in Sienna & Fog Tale have enough contrast for text?

The highest-contrast pair is #040303 on #D2CAC2 with a ratio of 12.72:1, which passes WCAG AA for normal text.

#040303Obsidian

#37312DJet

#AB6018Sienna

#D2CAC2Fog

Sienna & Fog Tale color palette

Dark Minimal Black Gray Brown

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Sienna & Fog Tale is a dark, neutral-based color palette tagged dark, minimal, black. Sienna is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#040303`	`rgb(4, 3, 3)`	`hsl(0, 14%, 1%)`	`oklch(10.0% 0.004 18)`
Jet	`#37312D`	`rgb(55, 49, 45)`	`hsl(24, 10%, 20%)`	`oklch(31.8% 0.011 56)`
Sienna	`#AB6018`	`rgb(171, 96, 24)`	`hsl(29, 75%, 38%)`	`oklch(56.4% 0.125 58)`
Fog	`#D2CAC2`	`rgb(210, 202, 194)`	`hsl(30, 15%, 79%)`	`oklch(84.3% 0.014 68)`

Why it works and how to use it

It works because the lightness range is wide (1% to 79%), which gives clear hierarchy between background, content and accents. Try it for dark-mode interfaces and gaming.

Pair	Sample	Ratio	Level
`#040303` on `#D2CAC2`	Aa	12.72:1	AAA
`#37312D` on `#D2CAC2`	Aa	7.91:1	AAA
`#040303` on `#AB6018`	Aa	4.33:1	AA large only
`#AB6018` on `#D2CAC2`	Aa	2.94:1	Fail
`#37312D` on `#AB6018`	Aa	2.69:1	Fail
`#040303` on `#37312D`	Aa	1.61:1	Fail

Sienna & Fog Tale 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 Sienna & Fog Tale

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood