#040404Obsidian
#333333Jet
#9D9D9DPewter
#EBEBEBFrost

Quiet Obsidian & Jet color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Quiet Obsidian & Jet is a muted neutral-based color palette tagged monochrome, dark, minimal. Obsidian is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#040404rgb(4, 4, 4)hsl(0, 0%, 2%)oklch(10.7% 0.000 0)
Jet#333333rgb(51, 51, 51)hsl(0, 0%, 20%)oklch(32.1% 0.000 0)
Pewter#9D9D9Drgb(157, 157, 157)hsl(0, 0%, 62%)oklch(69.6% 0.000 0)
Frost#EBEBEBrgb(235, 235, 235)hsl(0, 0%, 92%)oklch(94.0% 0.000 0)

Why it works and how to use it

It works because the lightness range is wide (2% to 92%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

  • Background: Frost (#EBEBEB) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#040404) on #EBEBEB gives 17.2:1, passing WCAG AAA.
  • Primary: Jet (#333333) is the most saturated mid-tone; use it for buttons and links (10.6:1 against the background, fine for UI elements).
  • Accent: Pewter (#9D9D9D) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Frost at 17.2:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Quiet Obsidian & Jet

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

#040404
#333333
#9D9D9D
#EBEBEB

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#040404 on #EBEBEBAa17.2:1AAA
#333333 on #EBEBEBAa10.6:1AAA
#040404 on #9D9D9DAa7.56:1AAA
#333333 on #9D9D9DAa4.66:1AA
#9D9D9D on #EBEBEBAa2.27:1Fail
#040404 on #333333Aa1.62:1Fail

Similar palettes 24 more in this mood