Colormapped
Curated color palette

Dark Color Palette

A dark neutral palette for interfaces with near-black navy, charcoal, slate, and muted blue-gray values.

Dark mode readability still depends on foreground colors and component states; a dark palette alone does not guarantee accessibility.

Palette colors

Deep background Night #0B1020
Background Ink #111827
Raised surface Charcoal #1F2937
Border / secondary surface Slate #334155
Secondary text / accent Muted Blue Gray #64748B

Each swatch chooses black or white label text using the higher WCAG contrast ratio for that single solid color. Final component contrast still depends on your actual text size and context.

Suggested use

A foundation for dark UI surfaces where hierarchy should come from controlled neutral steps rather than multiple saturated colors.

Surface Dark Color Palette Example action

CSS variables

:root {
  --palette-1: #0B1020;
  --palette-2: #111827;
  --palette-3: #1F2937;
  --palette-4: #334155;
  --palette-5: #64748B;
}

Contrast snapshot

Night #0B1020 Best of black/white: 18.93:1
Ink #111827 Best of black/white: 17.74:1
Charcoal #1F2937 Best of black/white: 14.68:1
Slate #334155 Best of black/white: 10.35:1
Muted Blue Gray #64748B Best of black/white: 4.76:1

This is a quick black/white text comparison, not a full accessibility audit. Use the Contrast Checker for the exact foreground/background pair you plan to ship.

More Dark palette directions

Neutral dark

Near-black neutral surfaces with clear elevation steps.

#09090B#18181B#27272A#3F3F46#71717A

Blue dark

Cool navy direction for digital products.

#020617#0F172A#1E293B#334155#64748B

Warm dark

Charcoal-brown direction for editorial surfaces.

#0C0A09#1C1917#292524#44403C#78716C

Related palettes

Blue Color Palette

A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.

Calm Violet UI Palette

A restrained violet interface palette with neutral surfaces, a soft supporting violet, and a strong primary action color.

Green Color Palette

A balanced green palette with pale surfaces, fresh mids, a forest accent, and a deep green neutral.

Brown Color Palette

An earthy brown palette with cream, tan, warm brown, walnut, and deep espresso tones.