#141110Licorice
#51453FGraphite
#B49A82Dust
#FFFFFFWhite

Café Noir color palette

CoffeeDarkMinimalBlackGrayBeigeWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Café Noir is a muted neutral-based color palette tagged coffee, dark, minimal. Built almost entirely from neutrals, with Dust (#B49A82) 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
Licorice#141110rgb(20, 17, 16)hsl(15, 11%, 7%)oklch(18.1% 0.005 39)
Graphite#51453Frgb(81, 69, 63)hsl(20, 12%, 28%)oklch(40.1% 0.019 48)
Dust#B49A82rgb(180, 154, 130)hsl(29, 25%, 61%)oklch(70.3% 0.046 65)
White#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)oklch(100.0% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (100% down to 7% lightness). A natural fit for websites, presentations and branding.

  • Background: White (#FFFFFF) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#141110) on #FFFFFF gives 18.79:1, passing WCAG AAA.
  • Primary: Dust (#B49A82) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Graphite (#51453F) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on White at 18.79:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Café Noir

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

#141110
#51453F
#B49A82
#FFFFFF

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#141110 on #FFFFFFAa18.79:1AAA
#51453F on #FFFFFFAa9.24:1AAA
#141110 on #B49A82Aa7.06:1AAA
#51453F on #B49A82Aa3.47:1AA large only
#B49A82 on #FFFFFFAa2.66:1Fail
#141110 on #51453FAa2.03:1Fail

Similar palettes 24 more in this mood

More coffee palettes →More dark palettes →More minimal palettes →More black palettes →More gray palettes →More beige palettes →More white palettes →