#3E2723Espresso
#6D4C41Coffee
#A1887FStone
#EFEBE9Frost

Coffee House color palette

CoffeeDarkMutedMinimalEarthyBrownGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Coffee House is a muted monochromatic color palette tagged coffee, dark, muted. A monochromatic set: the same hue family from Espresso down to Frost. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Espresso#3E2723rgb(62, 39, 35)hsl(9, 28%, 19%)oklch(30.0% 0.036 30)
Coffee#6D4C41rgb(109, 76, 65)hsl(15, 25%, 34%)oklch(45.0% 0.049 39)
Stone#A1887Frgb(161, 136, 127)hsl(16, 15%, 56%)oklch(64.7% 0.033 41)
Frost#EFEBE9rgb(239, 235, 233)hsl(20, 16%, 93%)oklch(94.3% 0.005 49)

Why it works and how to use it

It works because the lightness range is wide (19% to 93%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.

  • Background: Frost (#EFEBE9) is the lightest color, so it belongs on large surfaces.
  • Text: Espresso (#3E2723) on #EFEBE9 gives 11.67:1, passing WCAG AAA.
  • Primary: Coffee (#6D4C41) is the most saturated mid-tone; use it for buttons and links (6.42:1 against the background, fine for UI elements).
  • Accent: Stone (#A1887F) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Frost at 11.67:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Coffee House

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

#3E2723
#6D4C41
#A1887F
#EFEBE9

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#3E2723 on #EFEBE9Aa11.67:1AAA
#6D4C41 on #EFEBE9Aa6.42:1AA
#3E2723 on #A1887FAa4.18:1AA large only
#A1887F on #EFEBE9Aa2.79:1Fail
#6D4C41 on #A1887FAa2.3:1Fail
#3E2723 on #6D4C41Aa1.82:1Fail

Similar palettes 24 more in this mood

More coffee palettes →More dark palettes →More muted palettes →More minimal palettes →More earthy palettes →More brown palettes →More gray palettes →More white palettes →