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 & Bloom

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

Concrete and bloom juxtaposes the precision and coolness of architectural gray with the soft vulnerability of a single flowering accent — representing the wildflowers that grow through cracks in city concrete. True Gray Whisper establishes the neutral base — genuinely neutral, neither warm nor cold, a foundation for maximum content flexibility. Cool Gray Pearl adds a slightly cooler secondary surface, leaning into the architectural register. Rose Bloom Soft introduces the palette's accent — a mid-light blush-rose at low chroma, functioning as the human warmth in an otherwise monolithic gray world. True Gray Tone deepens to a structural mid-gray for dividers and borders. True Gray Ink closes as the anchoring near-black — neutral rather than warm, precise and architectural, and the color for body text.

Concrete and bloom is ideal for architecture firms, real estate developers, property brands, and urban lifestyle companies. The gray communicates built precision; the blossom accent communicates human scale and warmth. The contrast between the two is the entire point — a gray-only palette is sterile, but the single warm accent humanizes without softening. Photography direction: architectural photography with unexpected botanical intrusions (moss, flowers, vines on concrete), urban landscape with natural elements, structural forms with soft natural accents. Typography: a refined grotesque sans is ideal; avoid decorative or script typefaces.

ArchitectureUrbanContrast
Why this set works

Cool concrete gray surfaces with single soft blossom accents — an urban naturalist palette for architecture, property, and brands at the intersection of the built and natural environment.

Architecture and design firms
Real estate developers and property platforms
Urban lifestyle and city-living brands
Interior design with minimal color
Premium co-working space brands
Prompt words
architecture firm branding in cool gray and soft rose accentreal estate developer brand in concrete gray and blushurban property platform in structural gray with botanical accentcity lifestyle brand in concrete and single bloom palettedesign studio in cool neutral gray and warm rose accent
Export ready
1. True Gray Whisper #F0F0F0
2. Cool Gray Pearl #D4D6D9
3. Rose Bloom Soft #D7ADC9
4. True Gray Tone #999999
5. True Gray Ink #242424
:root {
  --concrete-bloom-1: #F0F0F0;
  --concrete-bloom-2: #D4D6D9;
  --concrete-bloom-3: #D7ADC9;
  --concrete-bloom-4: #999999;
  --concrete-bloom-5: #242424;
}
Dark mode pairs
#F0F0F0
#1A1A1A
#D4D6D9
#1B1C1D
#D7ADC9
#3E2235
#999999
#4D4D4D
#242424
#E6E6E6
WCAG contrast audit

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

#F0F0F0
1.1:1 Fail
18.4:1 AAA
#D4D6D9
1.5:1 Fail
14.4:1 AAA
#D7ADC9
2:1 Fail
10.7:1 AAA
#999999
2.8:1 Fail
7.4:1 AAA
#242424
15.5:1 AAA
1.4:1 Fail

Color-on-color pairs:

+
1.3:1 Fail
+
1.7:1 Fail
+
2.5:1 Fail
+
13.6:1 AAA
+
1.3:1 Fail
+
2:1 Fail
+
10.7:1 AAA
+
1.5:1 Fail
+
7.9:1 AAA
+
5.4:1 AA

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
True Gray Whisper
#F0F0F0
Red · hsl(0, 0%, 94%)
2
Cool Gray Pearl
#D4D6D9
Blue · hsl(210, 6%, 84%)
3
Rose Bloom Soft
#D7ADC9
Pink · hsl(320, 34%, 76%)
4
True Gray Tone
#999999
Red · hsl(0, 0%, 60%)
5
True Gray Ink
#242424
Red · hsl(0, 0%, 14%)

More collections like this

Browse collections →
  • Pure Monochrome System
  • Minimalist Gray Study
  • Holographic Iridescent
  • Scandinavian Winter
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 & Bloom

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.