195 of the best dark websites

Dark sites are the default for software right now, and most of this collection is software. Deep greys and near-blacks, light type, one accent colour, and photography or UI screenshots that pop against the dark ground. The look signals premium and technical, which is why AI and developer tools use it almost without exception. The sites that do it well — Localcan, Deadwater, Clay Cup — pay attention to two things most dark sites ignore. First, the black isn’t pure. It’s a dark grey with a slight tint, usually toward the accent, so the page has depth rather than reading as a void. Second, the hierarchy is built from tone, not colour. Headings are near-white, body text is a step down, secondary text another step, and the borders are barely there. That takes discipline because the contrast range is smaller than on a light page. Watch the type. Thin weights vibrate on dark backgrounds, so most of these sites run a medium weight for body copy. Watch the imagery, too — screenshots need a dark UI or a border, or they glow. See dark landing pages, dark AI sites, dark software sites and dark design sites, or the black colour collection for sites where black is a brand choice rather than a theme.

Updated 29 Sept 2026

Browse collections

124 sites

68 sites

50 sites

43 sites

38 sites

32 sites

28 sites

22 sites

Get the best dark websites each week

Curated inspiration sent every Tuesday

Dark design FAQs

Pure black or dark grey?

Dark grey, almost always. Pure #000 makes light text halate — it looks like it’s glowing — and it flattens the page because nothing can be darker than the background. Most sites here sit between #0a0a0a and #141414, often with a slight colour tint. Save pure black for OLED-focused apps or for a deliberate high-contrast look.

What text colour works on a dark background?

Not pure white. An off-white around #e6e6e6 to #f0f0f0 for headings, a step darker for body text, and a mid grey for secondary text. Use a medium font weight for body copy — regular and light weights look thinner on dark backgrounds than they do on light. Check contrast ratios as you would on a light site; dark mode doesn’t get a pass.

How do I create depth on a dark site?

Layer tones. Background, card, raised card, each one a few percent lighter. Add a 1px border at low opacity rather than a shadow — shadows barely show on dark backgrounds. A subtle gradient or a soft radial glow behind the hero gives the page a light source. Look at how the software sites in this collection stack surfaces; it’s rarely more than three levels.

Should I offer a light mode too?

For an app, yes — people work in bright rooms. For a marketing site, only if the brand needs it. Maintaining two themes doubles the design work and most dark-first brands don’t bother. If you do both, design them separately. A light theme that’s just the dark one inverted always looks wrong.

Why do so many AI and developer sites use dark mode?

Partly convention — terminals and code editors are dark, so the audience is used to it. Partly signalling: dark reads as serious and technical. And partly practical: UI screenshots from dark-mode products sit better on a dark page. It’s become the category default, which is also the argument against it if you want to stand out.

195 of the best dark websites

Updated 29 Sept 2026