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

Editorial Black, White & Red

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

The most powerful graphic color system in editorial design — the three-color palette that has anchored magazine covers, fashion campaigns, and newspaper design for over a century. Cool gray nocturne provides the near-black ink anchor: rich and dark enough to read as black across media, without the flatness of pure black. True gray whisper delivers the crisp white surface. Crimson core vivid is the red — a pure, fully saturated true red at the midpoint of lightness, neither too bright nor too deep, made to dominate the palette when deployed at full saturation. Garnet shadow provides an optional deeper red for depth. Cool gray mist adds a midtone surface for panels and backgrounds.

Classic editorial triad: near-black ink, crisp white, bold primary red accent. The graphic standard of fashion editorial, newspaper design, and bold brand identity for 100+ years.

EditorialBoldGraphicMagazineHigh Contrast
Why this set works

Classic editorial triad: near-black ink, crisp white, and a bold primary red accent for maximum graphic impact.

Fashion magazine layout
Bold brand identity
Newspaper and editorial design
Prompt words
editorial black white red palettebold graphic design color schemefashion magazine color palette
Export ready
1. Cool Gray Nocturne #303336
2. True Gray Whisper #F0F0F0
3. Crimson Core Vivid #D52020
4. Garnet Shadow Vivid #7C1336
5. Cool Gray Mist #E4E6E7
:root {
  --editorial-black-white-red-1: #303336;
  --editorial-black-white-red-2: #F0F0F0;
  --editorial-black-white-red-3: #D52020;
  --editorial-black-white-red-4: #7C1336;
  --editorial-black-white-red-5: #E4E6E7;
}
Dark mode pairs
#303336
#D7D9DB
#F0F0F0
#1A1A1A
#D52020
#E58F8F
#7C1336
#E9A0B8
#E4E6E7
#181A1B
WCAG contrast audit

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

#303336
12.7:1 AAA
1.7:1 Fail
#F0F0F0
1.1:1 Fail
18.4:1 AAA
#D52020
5.2:1 AA
4.1:1 AA Large
#7C1336
10.5:1 AAA
2:1 Fail
#E4E6E7
1.3:1 Fail
16.8:1 AAA

Color-on-color pairs:

+
11.2:1 AAA
+
2.5:1 Fail
+
1.2:1 Fail
+
10.1:1 AAA
+
4.5:1 AA
+
9.2:1 AAA
+
1.1:1 Fail
+
2:1 Fail
+
4.1:1 AA Large
+
8.4:1 AAA

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cool Gray Nocturne
#303336
Blue · hsl(210, 6%, 20%)
2
True Gray Whisper
#F0F0F0
Red · hsl(0, 0%, 94%)
3
Crimson Core Vivid
#D52020
Red · hsl(0, 74%, 48%)
4
Garnet Shadow Vivid
#7C1336
Pink · hsl(340, 74%, 28%)
5
Cool Gray Mist
#E4E6E7
Blue · hsl(210, 6%, 90%)

More collections like this

Browse collections →
  • Pure Monochrome System
  • Bauhaus Primary
  • Scandinavian Winter
  • Midnight Jewel Tones
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 Editorial Black, White & Red

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.