Brutalist Color Palette

Raw black and white with harsh yellow and electric blue stripped of all decoration define brutalist design. This confrontational palette powers avant-garde portfolios, punk zines, and anti-design movements.

#000000

Black

RGB(0, 0, 0)

HSL(0, 0%, 0%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

#FFFF00

Vivid Yellow

RGB(255, 255, 0)

HSL(60, 100%, 50%)

#0000FF

Vivid Indigo

RGB(0, 0, 255)

HSL(240, 100%, 50%)

#FF0000

Vivid Red

RGB(255, 0, 0)

HSL(0, 100%, 50%)

#808080

Silver

RGB(128, 128, 128)

HSL(0, 0%, 50%)

lightbulbBest Use Cases

  • checkAvant-garde portfolios
  • checkPunk zines
  • checkAnti-design

businessIndustries

  • checkCreative
  • checkPublishing
Mood:confrontational

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #FFFFFF;
  --color-3: #FFFF00;
  --color-4: #0000FF;
  --color-5: #FF0000;
  --color-6: #808080;
}

Tailwind CSS Config

colors: {
  'brutalist-1': '#000000',
  'brutalist-2': '#FFFFFF',
  'brutalist-3': '#FFFF00',
  'brutalist-4': '#0000FF',
  'brutalist-5': '#FF0000',
  'brutalist-6': '#808080',
}
brutalistrawharshanti-designconfrontational

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes