#212529Raisin
#525A61Storm
#ADB5BDAsh
#F8F9FASnow

Clean Slate color palette

MonochromeDarkMinimalGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Clean Slate is a muted neutral-based color palette tagged monochrome, dark, minimal. Built almost entirely from neutrals, with Snow (#F8F9FA) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Raisin#212529rgb(33, 37, 41)hsl(210, 11%, 15%)oklch(26.2% 0.009 248)
Storm#525A61rgb(82, 90, 97)hsl(208, 8%, 35%)oklch(46.3% 0.015 244)
Ash#ADB5BDrgb(173, 181, 189)hsl(210, 11%, 71%)oklch(76.9% 0.015 248)
Snow#F8F9FArgb(248, 249, 250)hsl(210, 17%, 98%)oklch(98.2% 0.002 248)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Ash to lead. Lightness runs from 15% to 98%. Well suited to websites, presentations and branding.

  • Background: Snow (#F8F9FA) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#212529) on #F8F9FA gives 14.63:1, passing WCAG AAA.
  • Primary: Ash (#ADB5BD) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Storm (#525A61) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 14.63:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Clean Slate

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#212529
#525A61
#ADB5BD
#F8F9FA

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#212529 on #F8F9FAAa14.63:1AAA
#212529 on #ADB5BDAa7.43:1AAA
#525A61 on #F8F9FAAa6.65:1AA
#525A61 on #ADB5BDAa3.38:1AA large only
#212529 on #525A61Aa2.2:1Fail
#ADB5BD on #F8F9FAAa1.97:1Fail

Similar palettes 24 more in this mood

More monochrome palettes →More dark palettes →More minimal palettes →More gray palettes →More white palettes →