#141210Licorice
#4D4742Graphite
#C97B3ABronze
#F2EAE2Eggshell

Coal & Copper color palette

DarkMinimalBlackGrayBrownWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Coal & Copper is a monochromatic color palette tagged dark, minimal, black. A monochromatic set: the same hue family from Licorice down to Eggshell. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Licorice#141210rgb(20, 18, 16)hsl(30, 11%, 7%)oklch(18.4% 0.005 67)
Graphite#4D4742rgb(77, 71, 66)hsl(27, 8%, 28%)oklch(40.2% 0.012 62)
Bronze#C97B3Argb(201, 123, 58)hsl(27, 57%, 51%)oklch(65.5% 0.126 58)
Eggshell#F2EAE2rgb(242, 234, 226)hsl(30, 38%, 92%)oklch(94.1% 0.014 68)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Bronze to lead. Lightness runs from 7% to 92%. Well suited to websites, presentations and branding.

  • Background: Eggshell (#F2EAE2) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#141210) on #F2EAE2 gives 15.7:1, passing WCAG AAA.
  • Primary: Bronze (#C97B3A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Graphite (#4D4742) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Eggshell at 15.7:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Coal & Copper

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

#141210
#4D4742
#C97B3A
#F2EAE2

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#141210 on #F2EAE2Aa15.7:1AAA
#4D4742 on #F2EAE2Aa7.69:1AAA
#141210 on #C97B3AAa5.68:1AA
#4D4742 on #C97B3AAa2.78:1Fail
#C97B3A on #F2EAE2Aa2.77:1Fail
#141210 on #4D4742Aa2.04:1Fail

Similar palettes 24 more in this mood

More dark palettes →More minimal palettes →More black palettes →More gray palettes →More brown palettes →More white palettes →