Digital Night
The digital night palette operates in the register of premium technical dark interfaces: not the generic near-black of mainstream dark mode, but the specific blue-violet-indigo darkness of sophisticated developer tools, terminal emulators, code editors, and AI product interfaces. This darkness has hue — it is not neutral gray but a deliberate cool-blue-to-violet spectrum that implies depth, intelligence, and precision. Cobalt-ink-muted provides the foundational dark background — a deep, near-black cobalt that reads as dark without being simply gray, establishing the palette's cool directional identity; indigo-shadow-soft delivers the secondary surface value — slightly lighter and warmer than cobalt-ink, appropriate for cards, panels, and elevated surfaces in dark layouts; violet-nocturne-muted introduces the darkest purple-adjacent entry — for the deepest container backgrounds and gradient bases; iris-core-vivid is the palette's electric accent — a high-saturation, mid-lightness blue-violet that functions as the primary interactive color and the point of maximum visual energy in the system; sapphire-ink-soft closes the palette with a deep, cool blue-black anchor that provides contrast against the lighter accent and functions as the palette's primary text-background pairing surface.
This palette requires a single high-energy accent (iris-core-vivid) against a field of dark, cool neutrals. The common mistake is using too many saturated elements — the electric iris accent only works because it is surrounded by the muted, near-neutral dark of cobalt-ink, indigo-shadow, and sapphire-ink. Proportion guideline: dark backgrounds 70%; muted surface colors 20%; electric accent 10% maximum. For developer tool interfaces: use cobalt-ink-muted as the primary editor background; indigo-shadow-soft for the sidebar; iris-core-vivid for syntax highlighting of keywords and interactive elements; off-white or pale blue for primary text. Avoid red accents — they introduce a temperature conflict that reads as warning/error rather than feature. Reserve red for genuine error states only.
Cobalt ink, indigo shadow, violet nocturne, electric iris, and deep sapphire — the high-contrast, cool-dark palette of developer tools, AI interfaces, and night-mode technical products.
Palette
Each swatch links back to its individual archive detail page.
Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.
This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.
Ready-made tokens for Digital Night
Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.
From one collection to a full pack
This collection proves the taste and color direction. The related packs add more collections, token exports, and usage guidance so the palette can move from reference to implementation.
| Layer | What you have here | What the related packs add |
|---|---|---|
| Scope | One curated five-color editorial direction. | More collections, broader token coverage, and a fuller working set. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, and pack-specific asset bundles. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable product assets. |