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

Concrete Modernism

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

A palette built around the tones of poured concrete, brushed steel, and overcast daylight. From pale mist at the top to near-black charcoal at the base, each step is cool and restrained — ideal for architecture portfolios, minimal SaaS products, and editorial systems where color should support structure rather than compete with it.

Use this when the product needs to feel structural and serious without the warmth of beige neutrals. The cool undertone reads as architectural rather than corporate.

MinimalArchitectureNeutral
Why this set works

Cool blue-grays and deep slates for architectural, brutalist, and minimal design systems.

Architecture portfolios
Minimal SaaS products
Editorial design systems
Prompt words
poured concretebrushed steelovercast daylightbrutalist loftraw mineral
Export ready
1. Cerulean Whisper Muted #EDF2F2
2. Sapphire Pearl Muted #CFD6DE
3. Azure Tone Muted #879FAB
4. Cobalt Dusk Muted #475166
5. Indigo Shadow Muted #3B3F54
:root {
  --concrete-modernism-1: #EDF2F2;
  --concrete-modernism-2: #CFD6DE;
  --concrete-modernism-3: #879FAB;
  --concrete-modernism-4: #475166;
  --concrete-modernism-5: #3B3F54;
}
Dark mode pairs
#EDF2F2
#161D1D
#CFD6DE
#181C21
#879FAB
#415058
#475166
#8691A6
#3B3F54
#BCBFCD
WCAG contrast audit

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

#EDF2F2
1.1:1 Fail
18.6:1 AAA
#CFD6DE
1.5:1 Fail
14.3:1 AAA
#879FAB
2.8:1 Fail
7.6:1 AAA
#475166
8:1 AAA
2.6:1 Fail
#3B3F54
10.4:1 AAA
2:1 Fail

Color-on-color pairs:

+
1.3:1 Fail
+
2.5:1 Fail
+
7:1 AAA
+
9.2:1 AAA
+
1.9:1 Fail
+
5.4:1 AA
+
7.1:1 AAA
+
2.9:1 Fail
+
3.7:1 AA Large
+
1.3:1 Fail

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cerulean Whisper Muted
#EDF2F2
Blue · hsl(190, 18%, 94%)
2
Sapphire Pearl Muted
#CFD6DE
Blue · hsl(210, 18%, 84%)
3
Azure Tone Muted
#879FAB
Blue · hsl(200, 18%, 60%)
4
Cobalt Dusk Muted
#475166
Blue · hsl(220, 18%, 34%)
5
Indigo Shadow Muted
#3B3F54
Blue · hsl(230, 18%, 28%)

More collections like this

Browse collections →
  • Pearl Cloud
  • Pure Monochrome System
  • Glacier Melt
  • Monochrome Studio
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 Concrete Modernism

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.
Related guides
Architecture Color Palette: Tone Systems for Firms, Portfolios, and Built Environment Brands
Architecture practices and built environment brands face a specific color problem: the palette has to work at three scales simultaneously — digital presentation, printed material, and the physical space itself. A color system that solves this requires restraint, material awareness, and a different approach to contrast than most digital-first palettes.
Architecture Brand Colors That Reflect Material Honesty
Build a brand color palette for architecture and interior design firms that communicates spatial confidence, material authenticity, and enduring craft.