3 min read
Deep Black Palette
A curated library of near-blacks for when
#000000is too dead, too harsh, or too generic. The point is undertone control. Source: frontend-frontier-pack/codex-skill/frontend-frontier/references/deep-black-variations.md
Design Position
| Field | Value |
|---|---|
| Design family | Identity, tokens, and visual grammar |
| Use when | Use when visual identity, tokens, color, type, or art direction depends on Deep Black Palette. |
| System map | Design System Map |
| Proof path | Token, DESIGN.md, or visual-spec diff plus light/dark rendered checks when applicable. |
Undertone Families
Neutral -- cleaner, more product-like. Blue/cool -- more technical and atmospheric. Warm -- more tactile and premium. Graphite/plum -- softer and more editorial.
Neutral Near-Blacks
| Name | Hex | RGB | When to use |
|---|---|---|---|
| Rich Black | #0A0A0A |
10 10 10 | Crisp product shell |
| Oil Black | #0C0C0C |
12 12 12 | Bright accents or vivid imagery already present |
| Charcoal Gray | #121212 |
18 18 18 | Standard dark mode base |
| Jet Black | #161618 |
22 22 24 | Subtle cool lean |
| Iridium | #181818 |
24 24 24 | Clean neutral |
| Dark Slate Gray | #191919 |
25 25 25 | Elevated surfaces |
| Coffee Bean | #1B1B1B |
27 27 27 | Elevated surfaces |
Cool and Technical Blacks
| Name | Hex | RGB | When to use |
|---|---|---|---|
| Obsidian | #0B1215 |
11 18 21 | Devtools, infra, AI, security |
| Smoky Black | #101720 |
16 23 32 | Atmospheric dark mode |
| Arsenic | #11181C |
17 24 28 | Steel undertone |
| Gunmetal | #1D1F21 |
29 31 33 | Technical UI |
| Oxford Blue | #212A37 |
33 42 55 | Stronger blue undertone |
Warm and Tactile Blacks
| Name | Hex | RGB |
|---|---|---|
| Black Chocolate | #100D08 |
16 13 8 |
| Black Olive | #242526 |
36 37 38 |
Use with beige, sand, bronze, moss, or cream accents for dark mode that feels material rather than synthetic.
Soft Editorial Blacks
| Name | Hex | RGB |
|---|---|---|
| Ebony | #222428 |
34 36 40 |
| Eerie Black | #232023 |
35 32 35 |
Use for type-led or editorial sites with serif accents and off-white backgrounds.
Recommended Token Roles
surface.page: Rich Black, Oil Black, Charcoal Gray, Obsidiansurface.elevated: Dark Slate Gray, Coffee Bean, Gunmetal, Ebonysurface.panel.cool: Smoky Black, Arsenic, Dark Gray, Oxford Bluesurface.panel.warm: Black Chocolate, Black Oliveborder.subtle: Jet, Outer Space, Black Olive
Pairing Examples
Premium AI: Obsidian + bone + moss. Editorial: Charcoal Gray + paper + cobalt. Warm premium: Black Chocolate + sand + brass.
Rules
- Do not use all of these in one interface. Pick one family.
- If the black has a cool undertone, grays and shadows must agree.
- If warm undertone, watch accent colors so they do not fight the material story.
- The darker the base, the more careful with shadow, border, and text contrast.
Timeline
- 2026-07-01 | Design category refresh added this page to the Identity, tokens, and visual grammar family, linked it to Design System Map, and kept it standalone because Deep Black Palette owns a distinct design decision surface in this family. Source: User request, 2026-07-01