Collection detail

Pure Monochrome System

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

The complete neutral gray system spanning from whisper-light to shadow-deep, with a single muted cobalt accent that provides just enough chromatic direction to prevent the palette from reading as uncommitted. True gray whisper and cool gray mist provide the lightest surface entries — background and card colors for high-clarity layouts. Warm gray pearl offers a barely-perceptible warmth at the pearl lightness level for natural-light interfaces. True gray tone provides the structural mid-gray. Cool gray shadow completes the depth range. Cobalt tone muted is the disciplined accent: clearly a color without being demanding.

Clean monochromatic system using the full tonal range of neutral grays with a single muted cobalt accent. Maximum typographic clarity. Architecture, luxury, and editorial brands use this palette for its confident restraint.

MinimalMonochromeGrayArchitectureNeutral

Why this set works

Clean monochromatic system using the full tonal range of neutral grays with a single muted cobalt accent.

Architecture firm branding

Luxury product design

Editorial typography system

Prompt words

monochrome gray palette minimalneutral palette with blue accentarchitectural minimal color system

Export ready

1. True Gray Whisper #F0F0F0
2. Cool Gray Mist #E4E6E7
3. Warm Gray Pearl #D9D6D4
4. True Gray Tone #999999
5. Cool Gray Shadow #43474C
6. Cobalt Tone Muted #8793AB

:root {
  --pure-monochrome-system-1: #F0F0F0;
  --pure-monochrome-system-2: #E4E6E7;
  --pure-monochrome-system-3: #D9D6D4;
  --pure-monochrome-system-4: #999999;
  --pure-monochrome-system-5: #43474C;
  --pure-monochrome-system-6: #8793AB;
}

Palette

Each swatch links back to its individual archive detail page.

Back to collections

True Gray Whisper

#F0F0F0

Red · hsl(0, 0%, 94%)

Cool Gray Mist

#E4E6E7

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

Warm Gray Pearl

#D9D6D4

Orange · hsl(30, 6%, 84%)

True Gray Tone

#999999

Red · hsl(0, 0%, 60%)

Cool Gray Shadow

#43474C

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

Cobalt Tone Muted

#8793AB

Blue · hsl(220, 18%, 60%)

More collections like this

Browse collections →

Take this palette further

Ready-made tokens for Pure Monochrome System

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 Pro Browse 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.

Layer	What you have here	What Pro adds
Scope	One curated palette of 6 colors.	The same palettes, with no daily export cap anywhere on the site.
Output	HEX, 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 case	Direction finding, inspiration, and public proof.	Real project handoff, implementation, and reusable production assets.

Pure Monochrome System

MinimalMonochromeGrayArchitectureNeutral

Layer

What you have here

What Pro adds

Scope

One curated palette of 6 colors.

The same palettes, with no daily export cap anywhere on the site.

Output

HEX, 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 case

Direction finding, inspiration, and public proof.

Real project handoff, implementation, and reusable production assets.