Back to palettes

Palette

Brutalist Bloom Grey

A minimalist blend of cool greys with a soft pink accent, inspired by stark concrete structures softened by resilient blooms.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Brutalist Bloom Grey 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 Brutalist Bloom Grey.

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

Data visualization

#607D8B#78909C#CFD8DC#424242#F48FB1

Palette guide

How to use Brutalist Bloom Grey

Overview

The Brutalist Bloom Grey palette is a minimalist blend of cool greys with a soft pink accent, inspired by stark concrete structures softened by resilient blooms. It features #607D8B (a deep grey-blue), #78909C (a mid-tone concrete grey), #CFD8DC (a very light cool grey), #424242 (a dark charcoal), and #F48FB1 (a delicate, unexpected pink). This palette offers designers and developers a sophisticated yet approachable scheme for projects that aim to balance urban rawness with subtle elegance and a touch of organic warmth.

Best used for

  • Modern architecture portfolios and urban development projects
  • Urban lifestyle brands and minimalist fashion
  • Contemporary art exhibitions and gallery spaces
  • Minimalist product design and packaging
  • Gender-neutral baby products and children's decor
  • Unique personal branding and blogs

Suggested color roles

primary

Use #607D8B or #424242 for strong, foundational elements, providing depth and a sense of permanence.

secondary

Employ #78909C and #CFD8DC for backgrounds, content blocks, or to create a clean, airy feel.

accent

Apply #F48FB1 sparingly for a soft, humanizing pop of color, ideal for calls to action or delicate illustrations.

background

A light #CFD8DC provides a clean, open base, while #607D8B offers a more substantial, moody backdrop.

text

Dark charcoal (#424242) is excellent for text on lighter greys. White text contrasts beautifully against #607D8B and #78909C.

Accessibility notes

  • The lightest grey, #CFD8DC, and the accent pink, #F48FB1, require dark text (e.g., #424242) for sufficient contrast.
  • Deeper greys like #607D8B, #78909C, and #424242 offer good contrast with white text.
  • Ensure sufficient contrast for all text, especially when using the pink accent for interactive elements.
  • Consider using larger font sizes for text on #F48FB1 if white text is desired, though dark text is safer.

Recommended combinations

Concrete Blossom

Combines stark grey with a soft, unexpected pop of pink, perfect for modern branding.

#607D8B · #CFD8DC · #F48FB1

Urban Serenity

Creates a balanced, grounded, and modern feel, ideal for clean layouts and content.

#78909C · #CFD8DC · #424242

Soft Edge

Offers dramatic contrast with a delicate touch, suitable for impactful headlines or feature areas.

#424242 · #F48FB1 · #607D8B

CSS variables

:root {
  --brutalist-bloom-grey-1: #607D8B;
  --brutalist-bloom-grey-2: #78909C;
  --brutalist-bloom-grey-3: #CFD8DC;
  --brutalist-bloom-grey-4: #424242;
  --brutalist-bloom-grey-5: #F48FB1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "brutalist-bloom-grey": {
        1: "#607D8B",
        2: "#78909C",
        3: "#CFD8DC",
        4: "#424242",
        5: "#F48FB1",
      }
    }
  }
}

Related searches

brutalist color schememinimalist grey pinkurban design paletteconcrete aesthetic colorsmodern industrial bloom

Palette colors

Hex values

Color 1#607D8B
·
Color 2#78909C
·
Color 3#CFD8DC
·
Color 4#424242
·
Color 5#F48FB1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3:1AA18
2.3:1Fail
2:1Fail
2
1.3:1Fail
2.3:1Fail
3:1Fail
1.5:1Fail
3
3:1AA18
2.3:1Fail
6.9:1AA
1.5:1Fail
4
2.3:1Fail
3:1Fail
6.9:1AA
4.5:1AA
5
2:1Fail
1.5:1Fail
1.5:1Fail
4.5:1AA

Similar palettes

More like Brutalist Bloom Grey

View all neutral
Bare Concrete Stillness
City Concrete Grind
Concrete Garden Grey
Concrete Grid Lines
Concrete Jungle
Concrete Loft Living