Dark Moon

#161718

Moody charcoal-gray for low-contrast, neutral hierarchy

Save
Share

About Dark Moon

I look at Moon and think of the moment a gray UI finally stops looking gray and starts looking like controlled shadow. It's a deep, neutral gray with just a hint of coolness, but it doesn't pin itself to the blue the way does. Compared to , it feels slightly less blue-tight and a touch more forgiving, so you get structure without that steely squeeze.

I use base layers for dashboards and finance apps where you need dense chrome to stay legible across long sessions, especially in thick chart areas, side rails, and table gutters. It also works well for media ops screens and newsroom edit timelines when the UI has to look serious without turning clinical. If you've been leaning on the one you reach for when you want "darker than mid-gray" but not as void-like as Stallion, this is the lane.

Pair it with crisp, lifted light grays for hierarchy. If your accents run warm, Moon can start to feel a little flat compared with , so keep the contrast disciplined.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
17.95:1AAA

On Gray 100 #f5f5f5

Aa
16.47:1AAA

On Gray 900 #18181b

Aa
1.01:1Fail

On Black #000000

Aa
1.17:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#151517
#151515
#16161d
#141414

Create a gradient with Dark Moon

Open the generator with this color pre-loaded.

Start creating