A dark color palette anchors on a near-black or deep-hued canvas at under 15% lightness and lifts every brand color enough to read on it, so the interface is dark-first rather than a light theme inverted.
A dark palette is designed from the canvas outward: a background at 6–12% lightness, surfaces one step lighter, text at 90%+, and brand colors lifted to 55–70% lightness so they glow rather than sink. The catalog's dark sets each keep a hue in the black — midnight blue, charcoal, plum — which is what separates a designed dark mode from a gray one.
Developer tools, media, gaming and dashboards used for long sessions default to dark. Whichever palette you start from, the accent's area shrinks: bright colors carry more weight on dark, so one button and one badge is usually enough.
8 dark palettes below, each with its named colors, the eight roles the palette generator derives from them, and a link that opens the generator on that palette.
Extremely high contrast neon against a near-pitch background. Essential for cyber-security marketing, music venues, or outrun gaming UIs. (tech & nightlife)
As the eight interface roles
Cool, professional blues from deep ocean to icy highlights. Excellent for developer tools or modern SaaS dashboards. (tech dark mode)
As the eight interface roles
Deep dimensional voids slashed by hyper-bright cyan and pink. Popular for blockchain tools and cutting-edge software. (Web3 & crypto)
As the eight interface roles
Deep space blacks contrasted with vivid magenta and pink supernovas. Perfect for immersive landing pages or games. (sci-fi & immersive)
As the eight interface roles
Aggressive, kinetic energy — dark backgrounds and explosive highlights for athletic brands or extreme sports marketing. (sports & high-intensity)
As the eight interface roles
Warm, flickering progression from deep soot to bright spark. Suits gaming interfaces, outdoor gear, or dark-mode marketing pages. (entertainment & gaming)
As the eight interface roles
Deep, trusting blues scaling up to an active teal — the reliability of banking software with a modern accent for primary actions. (corporate & finance)
As the eight interface roles
A vibrant, flowing gradient-like set. Effective for heatmaps, data visualization, or dark-mode interfaces needing striking categories. (dashboard & analytics)
As the eight interface roles
Use the deepest swatch as the canvas and the next as surface, lift the accent colors to at least 55% lightness for text contrast, shrink the accent's area, and derive the light mode from the same roles rather than designing it twice. The semantic palette guide explains the eight roles, and the guide to choosing colors for an app walks through the order to decide them in.
Every palette here is a starting point in the palette generator: open one, drag any anchor on the wheel or swap the primary for your brand color, and copy the CSS variables. The theme generator takes it the rest of the way to a Tailwind v4 stylesheet with dark mode.
Open the palette generatorWe'd like to use Google cookies to understand how Nodlume is used and to measure our advertising. Nothing loads until you choose, and declining does not affect anything in the app.
Nodlume