Back to palettes

Palette

Espresso Roast Dark

Deep, rich tones that evoke the warm, intense aroma 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 Roast Dark 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 Roast Dark.

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

Data visualization

#2B1D1D#4C3C3C#6D5C5C#1E1515#3C2C2C

Palette guide

How to use Espresso Roast Dark

Overview

The Espresso Roast Dark palette presents a sophisticated array of deep, muted browns with subtle reddish undertones, perfect for creating an atmosphere of understated elegance and warmth. With profoundly dark shades like #1E1515 and #2B1D1D forming its core, complemented by richer mid-tones such as #4C3C3C and #3C2C2C, this collection is ideal for projects seeking a refined yet inviting aesthetic. Designers will find these hues versatile for conveying a sense of luxury, comfort, and timelessness. Developers can utilize this palette for crafting dark themes, editorial layouts, or branding that requires a serious yet approachable visual identity, with #6D5C5C offering a lighter touch for contrast.

Best used for

  • Editorial and publishing platforms
  • High-end fashion or apparel sites
  • Art gallery or museum digital presence
  • Wellness and self-care branding
  • Premium product packaging design
  • Elegant event invitations

Suggested color roles

primary

Employ #1E1515 or #2B1D1D as the dominant background color to establish a deep, sophisticated foundation.

secondary

Use #3C2C2C for main content blocks or navigation, providing a slightly softer, yet still dark, presence.

accent

#6D5C5C can serve as a subtle accent for hover states, active links, or small graphical elements, adding a gentle lift.

background

#2B1D1D is excellent for main backgrounds, offering a deep, inviting canvas for lighter elements.

text

For dark backgrounds like #1E1515, use a very light cream or near-white for primary text. On #6D5C5C, use #1E1515 for strong contrast.

Accessibility notes

  • Ensure high contrast when using any of the dark colors for backgrounds with lighter text (e.g., white or light grey).
  • Be cautious with #4C3C3C on #3C2C2C for small text; contrast may be insufficient.
  • Prioritize #1E1515 or #2B1D1D for body text on a very light background to ensure readability.
  • Test interactive elements (buttons, links) to confirm they meet WCAG 2.1 AA contrast requirements.

Recommended combinations

Deep Comfort

Perfect for a luxurious header or hero section, with #1E1515 as background, #4C3C3C for titles, and #6D5C5C for descriptions.

#1E1515 · #4C3C3C · #6D5C5C

Subtle Texture

Use #2B1D1D for main content areas, #3C2C2C for cards or panels, and #1E1515 for dividers or borders.

#2B1D1D · #3C2C2C · #1E1515

Warm Highlight

Ideal for call-out boxes or featured content, where #4C3C3C is the background, #6D5C5C highlights, and #2B1D1D provides text contrast.

#4C3C3C · #6D5C5C · #2B1D1D

CSS variables

:root {
  --espresso-roast-dark-3-1: #2B1D1D;
  --espresso-roast-dark-3-2: #4C3C3C;
  --espresso-roast-dark-3-3: #6D5C5C;
  --espresso-roast-dark-3-4: #1E1515;
  --espresso-roast-dark-3-5: #3C2C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-roast-dark-3": {
        1: "#2B1D1D",
        2: "#4C3C3C",
        3: "#6D5C5C",
        4: "#1E1515",
        5: "#3C2C2C",
      }
    }
  }
}

Related searches

dark brown red undertone paletterich muted brown colorselegant dark coffee schemesophisticated warm brown hexcozy deep brown design

Palette colors

Hex values

Color 1#2B1D1D
·
Color 2#4C3C3C
·
Color 3#6D5C5C
·
Color 4#1E1515
·
Color 5#3C2C2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
1.1:1Fail
1.2:1Fail
2
1.6:1Fail
1.7:1Fail
1.7:1Fail
1.3:1Fail
3
2.6:1Fail
1.7:1Fail
2.8:1Fail
2.1:1Fail
4
1.1:1Fail
1.7:1Fail
2.8:1Fail
1.4:1Fail
5
1.2:1Fail
1.3:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Espresso Roast Dark

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