Back to palettes

Palette

Espresso Bean Rich

Deep, robust browns inspired by the intense aroma and flavor of freshly roasted espresso beans.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Espresso Bean Rich reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Espresso Bean Rich.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#2F1F17#4D3328#6B473A#895C4D#A77061

Palette guide

How to use Espresso Bean Rich

Overview

The "Espresso Bean Rich" palette delves into the profound depth and intensity of freshly roasted espresso beans. This collection features a harmonious progression of dark, robust browns, starting with the almost black #2F1F17, moving through deep #4D3328 and #6B473A, to the slightly warmer #895C4D and #A77061. It's designed for projects that require a sense of luxury, sophistication, and grounded elegance. This palette creates an immersive and refined atmosphere, ideal for conveying quality, warmth, and a comforting richness without excessive vibrancy, perfect for mature and upscale branding.

Best used for

  • Luxury product packaging
  • High-end restaurant or bar branding
  • Professional corporate websites
  • Men's fashion and grooming brands
  • Interior design for sophisticated spaces
  • Art gallery or museum digital interfaces

Suggested color roles

primary

#2F1F17 (Deepest Espresso) - Best for foundational elements, large background areas, or imposing headers to establish a luxurious and profound feel.

secondary

#4D3328 (Rich Coffee) - Excellent for content blocks, navigation, or secondary graphical elements, providing depth and a warm undertone.

accent

#A77061 (Warm Sepia) - Ideal for subtle highlights, interactive elements, or delicate details that need a touch of warmth and softness.

background

#6B473A (Dark Mocha) - A versatile mid-dark tone for backgrounds, offering a rich canvas that enhances both darker and lighter foreground elements.

text

#895C4D (Cinnamon Brown) - Use for impactful titles or decorative text on lighter backgrounds. For optimal readability on darker backgrounds, use a crisp white or very light beige.

Accessibility notes

  • Ensure high contrast when using any of these dark browns for text on similar dark backgrounds; pair with light text (e.g., white).
  • Avoid using #895C4D on #A77061 for small text due to insufficient contrast.
  • Prioritize WCAG 2.1 AA or AAA compliance for text and interactive elements, especially given the palette's dark nature.
  • The palette's depth is best utilized with ample negative space to prevent designs from feeling too heavy or cluttered.

Recommended combinations

Deep Roast

Creates an ultra-rich, deep foundation for backgrounds, headers, or any element requiring profound depth and sophistication.

#2F1F17 · #4D3328 · #6B473A

Warm Indulgence

Ideal for highlighting content, call-to-action areas, or softer design elements that need to convey warmth and comfort.

#6B473A · #895C4D · #A77061

Elegant Contrast

Perfect for establishing a clear visual hierarchy, using the darkest tone as a base with warmer accents for focus.

#2F1F17 · #895C4D · #A77061

CSS variables

:root {
  --espresso-bean-rich-1: #2F1F17;
  --espresso-bean-rich-2: #4D3328;
  --espresso-bean-rich-3: #6B473A;
  --espresso-bean-rich-4: #895C4D;
  --espresso-bean-rich-5: #A77061;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-bean-rich": {
        1: "#2F1F17",
        2: "#4D3328",
        3: "#6B473A",
        4: "#895C4D",
        5: "#A77061",
      }
    }
  }
}

Related searches

rich brown color schemedark coffee paletteluxury earthy tonessophisticated warm brownsgourmet espresso colors

Palette colors

Hex values

Color 1#2F1F17
·
Color 2#4D3328
·
Color 3#6B473A
·
Color 4#895C4D
·
Color 5#A77061
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.8:1Fail
3.9:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
2.8:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.8:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
3.9:1AA18
2.8:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Espresso Bean Rich

View all dark
Coffee Bean Aroma
Deep Espresso Roast
Espresso Roast Dark
Espresso Roast Dark
Espresso Roast Dark
Midnight Espresso Brew