#0F0F0FObsidian
#444444Iron
#049C65Jade
#F4EEE8Linen

Minimal Jade & Linen color palette

ModernDarkMinimalBlackGrayGreenWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#0F0F0Frgb(15, 15, 15)hsl(0, 0%, 6%)oklch(16.8% 0.000 0)
Iron#444444rgb(68, 68, 68)hsl(0, 0%, 27%)oklch(38.7% 0.000 0)
Jade#049C65rgb(4, 156, 101)hsl(158, 95%, 31%)oklch(61.1% 0.139 159)
Linen#F4EEE8rgb(244, 238, 232)hsl(30, 35%, 93%)oklch(95.2% 0.010 68)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#0F0F0F on #F4EEE8Aa16.65:1AAA
#444444 on #F4EEE8Aa8.46:1AAA
#0F0F0F on #049C65Aa5.43:1AA
#049C65 on #F4EEE8Aa3.07:1AA large only
#444444 on #049C65Aa2.76:1Fail
#0F0F0F on #444444Aa1.97:1Fail

Similar palettes 24 more in this mood

More modern palettes →More dark palettes →More minimal palettes →More black palettes →More gray palettes →More green palettes →More white palettes →