Back to palettes

Palette

Concrete Bloom Resilient

Blends the starkness of concrete with unexpected soft, resilient floral touches.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Concrete Bloom Resilient reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Concrete Bloom Resilient.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#8C999C#B2BBBF#E7EAED#5A6668#EEDFEF

Palette guide

How to use Concrete Bloom Resilient

Overview

The Concrete Bloom Resilient palette blends the starkness of concrete with unexpected soft, resilient floral touches. Featuring cool grays like #8C999C and #B2BBBF, a bright #E7EAED, a darker #5A6668, and a delicate #EEDFEF (a soft purplish-pink), this palette is minimal, modern, and subtle. Designers can leverage these tones to create sophisticated and gentle digital and physical spaces, perfect for conveying understated elegance with a hint of warmth. Developers will appreciate the ability to create clean interfaces with a unique, soft accent, ideal for modern feminine brands or conceptual projects.

Best used for

  • Modern feminine branding
  • Minimalist wedding stationery
  • Subtle luxury product packaging
  • Art installations and conceptual design
  • Soft UI/UX designs
  • Boutique interior design

Suggested color roles

primary

Use #5A6668 for dominant elements like headers or key brand colors to establish a grounded, sophisticated presence.

secondary

Apply #8C999C or #B2BBBF for subheadings, navigation, or larger content blocks, adding subtle depth and readability.

accent

Introduce the soft #EEDFEF for delicate highlights, decorative elements, or interactive states, providing a unique 'bloom' effect.

background

The light #E7EAED offers a clean, airy backdrop. For a slightly deeper background, #B2BBBF can be used with dark text.

text

Pair a dark color like #5A6668 or charcoal with lighter backgrounds. White or a very light gray text works on #5A6668.

Accessibility notes

  • The soft #EEDFEF will have very low contrast with #E7EAED; avoid using them together for text.
  • Ensure sufficient contrast for text when using light grays like #B2BBBF with other light shades.
  • Use a dark gray (e.g., #5A6668 or black) for text on #E7EAED and #B2BBBF for optimal readability.
  • Consider using larger font sizes for any text rendered in the lighter colors of this palette.

Recommended combinations

Soft Urban

Creates a clean, modern aesthetic, ideal for sophisticated branding or minimalist interfaces.

#5A6668 · #B2BBBF · #E7EAED

Delicate Bloom

Perfect for subtle accents and decorative elements, offering a unique, soft touch.

#8C999C · #E7EAED · #EEDFEF

Resilient Base

Use for backgrounds and content areas, providing a cohesive and understated feel.

#5A6668 · #8C999C · #B2BBBF

CSS variables

:root {
  --concrete-bloom-resilient-1: #8C999C;
  --concrete-bloom-resilient-2: #B2BBBF;
  --concrete-bloom-resilient-3: #E7EAED;
  --concrete-bloom-resilient-4: #5A6668;
  --concrete-bloom-resilient-5: #EEDFEF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-bloom-resilient": {
        1: "#8C999C",
        2: "#B2BBBF",
        3: "#E7EAED",
        4: "#5A6668",
        5: "#EEDFEF",
      }
    }
  }
}

Related searches

minimalist grey purplesubtle modern paletteresilient concrete colorssoft urban aestheticcontemporary muted tones

Palette colors

Hex values

Color 1#8C999C
·
Color 2#B2BBBF
·
Color 3#E7EAED
·
Color 4#5A6668
·
Color 5#EEDFEF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
2:1Fail
2.3:1Fail
2
1.5:1Fail
1.6:1Fail
3:1AA18
1.5:1Fail
3
2.4:1Fail
1.6:1Fail
4.9:1AA
1.1:1Fail
4
2:1Fail
3:1AA18
4.9:1AA
4.6:1AA
5
2.3:1Fail
1.5:1Fail
1.1:1Fail
4.6:1AA

Similar palettes

More like Concrete Bloom Resilient

View all neutral
Brutalist Bloom Grey
Charcoal Smolder
Clean Edge
Concrete Garden Grey
Concrete Grid Lines
Concrete Jungle