Dark Color Palettes

Explore curated dark color palettes designed for websites, interfaces, dashboards, branding and creative projects. Each palette combines deep tones, balanced accents and usable HEX colors to help you create atmospheric, modern designs.

43 Curated PalettesClick any swatch to copy HEX

#E1F5FE

#4FC3F7

#03A9F4

#0288D1

#01579B

Midnight Ocean

Diving into the deep Atlantic. Rich blues for deep-theme UI, dashboards, and nocturnal lifestyle social media.

cooldark

#212121

#1A1A1A

#121212

#0A0A0A

#000000

Obsidian Night

Solid stone and complete void

dark

#0D0D0D

#151515

#1C1C1C

#252525

#303030

Raven Wing

Iridescent black and dark mystery

dark

#111111

#2C0E0E

#420D0D

#5C1212

#1A1A1A

Gothic Velvet

Deep red and Victorian shadows

dark

#000000

#121212

#263238

#37474F

#455A64

Oil Slick

Dark rainbows on wet pavement

dark

#000000

#1A1A1A

#333333

#F5F5F5

#7E57C2

Noir Detective

Rain-soaked streets and neon signs

dark

#000000

#1B1B1B

#2F2F2F

#4A4A4A

#636363

Coal Mine

Deep earth and raw fuel

dark

#0A120D

#152A18

#1F3D24

#2C542D

#3B6B38

Midnight Forest

The woods after the sun sets

dark

#000000

#010101

#020202

#030303

#040404

Deep Abyss

Where no light can reach

dark

#000000

#1C1C1C

#2A2A2A

#383838

#464646

Heavy Metal

Cold industrial strength

dark

#121212

#1E1E1E

#252525

#323232

#404040

Stealth Mode

Invisible in the high-tech night

dark

#1A1612

#2D261F

#42382D

#5C4E3D

#7A6854

Ancient Relic

Dusty shadows in a long-lost tomb

dark

#0F1A12

#1C3322

#2A4F35

#3B6B4A

#121212

Cursed Forest

Gnarled roots and dark magic

dark

#000000

#121212

#212121

#333333

#424242

Digital Noir

System logs and dark themes

dark

#000000

#1A1A1A

#333333

#4F4F4F

#F5F5F5

Night Owl

Silent flight over empty fields

dark

#000000

#050A10

#0D1B2A

#1B263B

#415A77

Ink Well

Liquid thoughts and deep writing

dark

#000000

#1A1A1A

#333333

#FFF176

#5C5C00

Cave Explorer

Damp stone and a single flashlight

dark

#121212

#252525

#383838

#4A4A4A

#5E5E5E

Phantom Phase

Passing through solid ground

dark

#000000

#1C0A0A

#3D0F0F

#5E1717

#1A1A1A

Carbon Core

Extreme pressure and deep heat

dark

#000000

#2D201A

#4B3621

#8B4513

#CD7F32

Steampunk Night

Brass pipes and dark steam

dark

#000000

#050014

#0A001E

#140028

#1E0032

Cosmic Void

Between stars and galaxies

dark

#000000

#121212

#212121

#333333

#424242

Urban Jungle

Tall buildings and dark alleys at night

dark

#1A1A1A

#2C002C

#4B004B

#6A006A

#890089

Deep Velvet

Luxury and mystery in the dark

dark

#000000

#0D0D0D

#1A1A1A

#262626

#333333

Moonless Path

Walking through a silent field

dark

#000000

#1A1A2E

#16213E

#0F3460

#E94560

Inky Sky

Heavy clouds before a storm

dark

#000000

#1A1A1A

#333333

#2A0E0E

#4B3621

Gothic Arch

Old cathedrals and silent prayer

dark

#121212

#212121

#333333

#FFD700

#2F4F4F

Midnight Train

Passing lights and rhythm

dark

#010A01

#051A05

#0A2A0A

#0F3D0F

#144D14

Deep Forest Night

Nature reclaiming the dark

dark

#000000

#121212

#212121

#333333

#424242

Void Walker

Between dimensions

dark

#000000

#1A1A1A

#2E2E2E

#3F3F3F

#00FF00

Stealth Tech

Clean black lines and power

dark

#000000

#1C1C1C

#383838

#545454

#F5F5F5

Trenchcoat Noir

Nostalgia for old films

dark

#000000

#051525

#0A2540

#103560

#00FFC2

Deep Sea Trench

Pressure and bio-lights

dark

#000000

#121212

#263238

#37474F

#455A64

Night City

Distant Skyscrapers and dark clouds

dark

#0A0A0A

#121212

#1A1A1A

#212121

#292929

Obsidian Blade

Dangerous edges and dark reflection

dark

#000000

#101010

#202020

#303030

#404040

Cave Echo

The sound of water in the dark

dark

#000000

#121212

#1F1F1F

#0D47A1

#01579B

Cyber Deep

Advanced tech and hidden paths

dark

#000000

#1A1A1A

#333333

#4F4F4F

#FF00FF

Nocturnal Pride

The night is just beginning

dark

#000000

#0C121A

#1A2533

#293B4D

#3A556B

Sunken Cathedral

Mythic ruins in the dark depths

dark

#000000

#1A1410

#3E2723

#5D4037

#FFB300

Ink & Quill

Writing by candlelight

dark

#121212

#212121

#333333

#FFFF8D

#1B237E

Midnight Oil

The student's lamp and tired eyes

dark

#121212

#0F0F0F

#0A0A0A

#050505

#000000

The Final Hour

Everything goes black

dark

#000000

#1C1C1C

#AF9500

#D4AF37

#F9F6EE

Gilded Noir

The ultimate expression of prestige and exclusivity. Deep blacks meet polished gold for high-end luxury brands.

luxurydark

#0B0E14

#161B22

#21262D

#58A6FF

#C9D1D9

Deep Interface

Native dark mode. Carefully chose dark tones to reduce eye strain in professional developer tools.

UI designdark

What makes a good dark color palette?

A good dark color palette is defined by intentional balance and harmony. Rather than arbitrary dark shades, effective dark color schemes combine deep, comfortable background tones with carefully measured accent colors that preserve clarity and focus.

High-quality dark palettes maintain usable contrast without causing visual fatigue. By pairing grounded charcoals, deep slates, or midnight hues with subdued secondary tones and crisp highlights, these palettes establish natural visual hierarchy and depth.

Where dark color palettes work best

Dark-mode websites

Creating refined, contemporary browsing experiences for technology brands, digital agencies, and design studios.

Dashboards & analytics

Reducing eye fatigue across complex data visualizers, monitoring screens, and dense financial interfaces.

SaaS interfaces

Providing sleek, distraction-free productivity environments for developer tools, code editors, and software applications.

Creative portfolios

Letting visuals, photography, 3D renderings, and typography stand out dramatically against rich dark surfaces.

Premium branding

Evoking exclusivity, sophistication, and timeless luxury across packaging, brand guidelines, and digital touchpoints.

Entertainment & media interfaces

Immersing users in cinematic content platforms, streaming apps, and audio players where the UI stays subtly in the background.

How to use dark colors in UI design

When crafting a dark UI color palette, avoid using pure black (#000000) as your primary background. Pure black creates stark, vibrating contrast against bright white text, resulting in optical glare. Instead, softer dark neutrals—such as deep gunmetals (#0F172A), charcoals (#121212), or warm obsidian tones—provide a much more comfortable reading surface.

Use elevation to establish spatial hierarchy. In dark mode color palette design, higher elevation elements (such as cards, menus, and modals) should have slightly lighter background shades than the underlying canvas. Layer your surfaces thoughtfully, verify WCAG AA text contrast ratios, and apply accent colors sparingly to call-to-actions, badges, and interactive states.

Related Palettes

Explore more curated color systems organized by mood.

Explore neutral color palettes →