We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Film Noir

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

Film noir was a cinematic movement defined by extreme tonal contrast, deep shadows, and moral ambiguity — visually expressed through hard, high-contrast light sources (venetian blinds, street lamps, match flares) that created absolute black-and-white with no comfortable midtones. The palette for contemporary noir aesthetic draws from the specific grays of silver-gelatin film stock — not neutral grays but slightly cool, slightly blue-tinged shadow tones that communicate cinematic depth rather than mere darkness. True-gray-nocturne provides the near-black that reads as shadow rather than digital void — the specific dark of printed film noir rather than screen black. Cool-gray-tone gives the characteristic silver of mid-tone shadows — the gray of a villain's pinstripe suit, the tone of a wet rain-slicked street under a lamp. Cool-gray-mist extends to the lighter film gray — the specific tone of blown-out window light in a high-contrast interior, or the pale skin tone of film stock. The result is a dramatically atmospheric dark palette with none of the pure-black flatness of contemporary dark UI.

Film noir palette is ideal for premium dark interfaces, luxury brand materials where glossy black feels cheap, editorial photography with a cinematic treatment, and any design that requires dramatic atmosphere without resorting to pure black. The slight cool cast differentiates from generic dark UI.

DarkDramaticCinematic
Why this set works

Deep cool black, ash gray, and cold blue-gray shadows — the palette of 1940s black-and-white cinema translated to modern UI and editorial design seeking dramatic atmosphere and noir mystery.

Premium dark mode digital products
Luxury brand materials and packaging
Cinematic editorial photography direction
Prompt words
dark editorial design in film noir silver and shadow paletteluxury dark interface in cinematic gray and black tonesdramatic brand identity in noir shadow and cool gray palette
Export ready
1. True Gray Nocturne #333333
2. Cool Gray Shadow #43474C
3. Cool Gray Tone #93999F
4. Cool Gray Mist #E4E6E7
5. Cobalt Whisper Muted #EDEFF2
:root {
  --film-noir-1: #333333;
  --film-noir-2: #43474C;
  --film-noir-3: #93999F;
  --film-noir-4: #E4E6E7;
  --film-noir-5: #EDEFF2;
}
Dark mode pairs
#333333
#D9D9D9
#43474C
#C1C4C7
#93999F
#494D50
#E4E6E7
#181A1B
#EDEFF2
#16191D
WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#333333
12.6:1 AAA
1.7:1 Fail
#43474C
9.4:1 AAA
2.2:1 Fail
#93999F
2.9:1 Fail
7.3:1 AAA
#E4E6E7
1.3:1 Fail
16.8:1 AAA
#EDEFF2
1.2:1 Fail
18.2:1 AAA

Color-on-color pairs:

+
1.4:1 Fail
+
4.4:1 AA Large
+
10.1:1 AAA
+
11:1 AAA
+
3.3:1 AA Large
+
7.5:1 AAA
+
8.1:1 AAA
+
2.3:1 Fail
+
2.5:1 Fail
+
1.1:1 Fail

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
True Gray Nocturne
#333333
Red · hsl(0, 0%, 20%)
2
Cool Gray Shadow
#43474C
Blue · hsl(210, 6%, 28%)
3
Cool Gray Tone
#93999F
Blue · hsl(210, 6%, 60%)
4
Cool Gray Mist
#E4E6E7
Blue · hsl(210, 6%, 90%)
5
Cobalt Whisper Muted
#EDEFF2
Blue · hsl(220, 18%, 94%)

More collections like this

Browse collections →
  • Minimalist Gray Study
  • Pure Monochrome System
  • Editorial Monochrome
  • Raw Concrete
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

Ready-made tokens for Film Noir

Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 5 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.