#020306Obsidian
#2C3541Gunmetal
#00CB90Emerald
#CBD2D8Fog

Emerald Emerald & Gunmetal color palette

DarkMinimalBlackGrayGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Emerald Emerald & Gunmetal is a dark, analogous color palette tagged dark, minimal, black. Analogous neighbors on the wheel (Gunmetal, Emerald) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#020306rgb(2, 3, 6)hsl(225, 50%, 2%)oklch(9.7% 0.013 265)
Gunmetal#2C3541rgb(44, 53, 65)hsl(214, 19%, 21%)oklch(32.6% 0.025 256)
Emerald#00CB90rgb(0, 203, 144)hsl(163, 100%, 40%)oklch(74.5% 0.160 164)
Fog#CBD2D8rgb(203, 210, 216)hsl(208, 14%, 82%)oklch(86.0% 0.011 244)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (82% down to 2% lightness). A natural fit for dark-mode interfaces and gaming.

  • Background: Fog (#CBD2D8) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#020306) on #CBD2D8 gives 13.5:1, passing WCAG AAA.
  • Primary: Emerald (#00CB90) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Gunmetal (#2C3541) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Emerald Emerald & Gunmetal

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

#020306
#2C3541
#00CB90
#CBD2D8

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#020306 on #CBD2D8Aa13.5:1AAA
#020306 on #00CB90Aa9.77:1AAA
#2C3541 on #CBD2D8Aa8.12:1AAA
#2C3541 on #00CB90Aa5.88:1AA
#020306 on #2C3541Aa1.66:1Fail
#00CB90 on #CBD2D8Aa1.38:1Fail

Similar palettes 24 more in this mood

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