What are the hex codes in the Minimal Jade & Linen palette?

The Minimal Jade & Linen color palette consists of Obsidian #0F0F0F, Iron #444444, Jade #049C65, Linen #F4EEE8.

How should I use the Minimal Jade & Linen palette on a website?

Use Linen #F4EEE8 as the background, Obsidian #0F0F0F for text, Jade #049C65 for buttons and links, and Iron #444444 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Linen at 16.65:1.

Which colors in Minimal Jade & Linen have enough contrast for text?

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

#0F0F0FObsidian

#444444Iron

#049C65Jade

#F4EEE8Linen

Minimal Jade & Linen color palette

Modern Dark Minimal Black Gray Green White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0F0F0F`	`rgb(15, 15, 15)`	`hsl(0, 0%, 6%)`	`oklch(16.8% 0.000 0)`
Iron	`#444444`	`rgb(68, 68, 68)`	`hsl(0, 0%, 27%)`	`oklch(38.7% 0.000 0)`
Jade	`#049C65`	`rgb(4, 156, 101)`	`hsl(158, 95%, 31%)`	`oklch(61.1% 0.139 159)`
Linen	`#F4EEE8`	`rgb(244, 238, 232)`	`hsl(30, 35%, 93%)`	`oklch(95.2% 0.010 68)`

Why it works and how to use it

Minimal Jade & Linen is a dark, split color palette tagged modern, dark, minimal. A split scheme: Jade plays against Linen across roughly 128° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

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

Background: Linen (#F4EEE8) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0F0F0F) on #F4EEE8 gives 16.65:1, passing WCAG AAA.
Primary: Jade (#049C65) is the most saturated mid-tone; use it for buttons and links (3.07:1 against the background, fine for UI elements).
Accent: Iron (#444444) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Minimal Jade & Linen

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

#0F0F0F

#444444

#049C65

#F4EEE8

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
`#0F0F0F` on `#F4EEE8`	Aa	16.65:1	AAA
`#444444` on `#F4EEE8`	Aa	8.46:1	AAA
`#0F0F0F` on `#049C65`	Aa	5.43:1	AA
`#049C65` on `#F4EEE8`	Aa	3.07:1	AA large only
`#444444` on `#049C65`	Aa	2.76:1	Fail
`#0F0F0F` on `#444444`	Aa	1.97:1	Fail

Similar palettes 24 more in this mood