Skip to content
AI Color

By Aesthetic

Brutalist Color Palettes

Brutalist colour is mostly raw concrete grey, then one aggressively saturated warning hue that refuses to blend in. Complementary shock against near-neutral structure is the whole idea. Its main colours include lavender (#e8e1ea), pearl (#d6ded3), silver (#c7cebb), pewter (#a49489), slate (#6e8492), built as a complementary set around 20° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Brutalist color palette hex codes

Main brutalist colours with named swatches, HEX and RGB. Derived from this tag's hue (20°), saturation (10%) and complementary scheme.

Brutalist color palette hex codes
SwatchNameHEXRGBCopy
Lavender swatchLavender#e8e1eargb(232, 225, 234)
Pearl swatchPearl#d6ded3rgb(214, 222, 211)
Silver swatchSilver#c7cebbrgb(199, 206, 187)
Pewter swatchPewter#a49489rgb(164, 148, 137)
Slate swatchSlate#6e8492rgb(110, 132, 146)
Eggplant swatchEggplant#5a514brgb(90, 81, 75)
Onyx swatchOnyx#3e3733rgb(62, 55, 51)
Onyx swatchOnyx#222835rgb(34, 40, 53)

Brutalist color palettes

About brutalist color palettes

The 24 brutalist schemes keep saturation extremely low on the base greys while the complementary accent stays loud, with lightness spanning pale slab to deep charcoal.

Use them for stark portfolios, experimental tech brands and any layout that should feel unfinished on purpose.

Build the entire interface in concrete greys first, then drop the warning colour on a single button, link or diagonal slash. Multiple accents soften the brutality; one loud mark proves the rule.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Brutalist color palette FAQ

What colours belong in brutalist design?

Concrete greys interrupted by one sharp accent such as those in lavender (#e8e1ea), pearl (#d6ded3), silver (#c7cebb). The greys do the architecture; the accent is the hazard stripe.

What hex codes suit a brutalist palette?

Start with #e8e1ea, #d6ded3, #c7cebb, #a49489, #6e8492, #5a514b, #3e3733, #222835, anchored at #988881. Keep most values near grey and let only one complementary hue carry chroma.

How do I apply brutalist colour without looking broken?

Maintain strict typographic hierarchy and generous alignment even when colour is sparse. Brutalism is intentional restraint, not accidental low contrast; check text still passes accessibility on the greys.

Can I use these 24 brutalist palettes commercially?

Yes. They are free for any project. The AI generator can rebuild a complementary brutalist pair if you want a different warning colour against the concrete base.