Collection detail

Editorial Monochrome

A true monochrome editorial palette for design where typography is the primary visual element. Deep ink black, three structured gray steps, and a warm near-white provide all the hierarchy needed for publishing, writing tools, and editorial layouts without reaching for color.

For interfaces and editorial layouts where color is a distraction. Typography, whitespace, and weight carry all the hierarchy. A deliberate choice that signals seriousness and restraint.

EditorialNeutralTypography

Why this set works

Near-black ink, structured grays, and a single warm-white — for typography-first design.

Writing and publishing tools

Editorial and magazine layouts

Typography-first brand systems

Prompt words

editorial magazine layout in ink and warm whitewriting tool interface in structured graypublishing brand in near-black and cool white

Export ready

1. Cool Gray Ink #222426
2. Cool Gray Shadow #43474C
3. Cool Gray Tone #93999F
4. Cool Gray Tone #93999F
5. Cool Gray Whisper #EFF0F1

--editorial-monochrome-1: #222426;
--editorial-monochrome-2: #43474C;
--editorial-monochrome-3: #93999F;
--editorial-monochrome-4: #93999F;
--editorial-monochrome-5: #EFF0F1;

Palette

Each swatch links back to its individual archive detail page.

Back to collections

Cool Gray Ink

#222426

Blue · hsl(210, 6%, 14%)

Cool Gray Shadow

#43474C

Blue · hsl(210, 6%, 28%)

Cool Gray Tone

#93999F

Blue · hsl(210, 6%, 60%)

Cool Gray Tone

#93999F

Blue · hsl(210, 6%, 60%)

Cool Gray Whisper

#EFF0F1

Blue · hsl(210, 6%, 94%)

Editorial direction

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.

Take this palette further

Ready-made tokens for Editorial Monochrome

Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Browse packs Free download

Upgrade path

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.