What are the hex codes in the Mint & Obsidian Haze palette?

The Mint & Obsidian Haze color palette consists of Obsidian #0A0A0A, Iron #3D3D3D, Mint #B3FFB0, White #FDFDFD.

How should I use the Mint & Obsidian Haze palette on a website?

Use White #FDFDFD as the background, Obsidian #0A0A0A for text, Mint #B3FFB0 for buttons and links, and Iron #3D3D3D for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on White at 19.46:1.

Which colors in Mint & Obsidian Haze have enough contrast for text?

The highest-contrast pair is #0A0A0A on #FDFDFD with a ratio of 19.46:1, which passes WCAG AA for normal text.

#0A0A0AObsidian

#3D3D3DIron

#B3FFB0Mint

#FDFDFDWhite

Mint & Obsidian Haze color palette

Tech Dark Minimal Black Gray Green White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Mint & Obsidian Haze is a neutral-based color palette tagged tech, dark, minimal. Built almost entirely from neutrals, with Mint (#B3FFB0) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0A0A0A`	`rgb(10, 10, 10)`	`hsl(0, 0%, 4%)`	`oklch(14.5% 0.000 0)`
Iron	`#3D3D3D`	`rgb(61, 61, 61)`	`hsl(0, 0%, 24%)`	`oklch(36.0% 0.000 0)`
Mint	`#B3FFB0`	`rgb(179, 255, 176)`	`hsl(118, 100%, 85%)`	`oklch(93.1% 0.129 144)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`

Why it works and how to use it

It works because the lightness range is wide (4% to 99%), which gives clear hierarchy between background, content and accents. Try it for a SaaS landing page or dashboard.

Pair	Sample	Ratio	Level
`#0A0A0A` on `#FDFDFD`	Aa	19.46:1	AAA
`#0A0A0A` on `#B3FFB0`	Aa	16.83:1	AAA
`#3D3D3D` on `#FDFDFD`	Aa	10.68:1	AAA
`#3D3D3D` on `#B3FFB0`	Aa	9.23:1	AAA
`#0A0A0A` on `#3D3D3D`	Aa	1.82:1	Fail
`#B3FFB0` on `#FDFDFD`	Aa	1.16:1	Fail

Mint & Obsidian Haze 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 Mint & Obsidian Haze

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood