Back to palettes

Palette

Espresso Bean Roast

Rich, deep browns mirroring the complex tones of roasted coffee beans, creating a cozy and earthy feel.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Espresso Bean Roast 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 Roast.

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

Data visualization

#362D24#4E3E3E#6F4E37#8B4513#A0522D

Palette guide

How to use Espresso Bean Roast

Overview

The "Espresso Bean Roast" palette (ID: espresso-bean-roast) offers a rich and earthy collection of browns, mirroring the complex tones of roasted coffee beans. It blends the deep, cool #362D24 with the warmer #4E3E3E, progressing to the inviting #6F4E37 and the robust #8B4513, culminating in the rustic #A0522D. This palette is perfect for designs seeking a cozy, natural, and grounded aesthetic with a touch of rustic charm. It evokes the comforting aroma of coffee and the warmth of a well-loved space, making it ideal for branding that values authenticity and a welcoming atmosphere.

Best used for

  • Artisan coffee shop branding and packaging
  • Rustic home decor websites and blogs
  • Outdoor adventure and natural product brands
  • Warm, inviting restaurant interiors
  • Cozy blog themes for food or lifestyle
  • Sustainable and eco-friendly brand identities

Suggested color roles

primary

#362D24 (Deepest Espresso) - Best for foundational elements, headers, or large background areas to establish a rich, grounding presence.

secondary

#6F4E37 (Coffee Brown) - Excellent for primary content blocks, navigational elements, or key graphical sections, providing warmth and depth.

accent

#A0522D (Terracotta Brown) - Ideal for highlights, buttons, or delicate details, adding a touch of rustic charm and vibrant warmth.

background

#4E3E3E (Dark Mocha) - A versatile mid-dark tone for backgrounds, offering a warm and inviting canvas for both darker and lighter elements.

text

#8B4513 (Saddle Brown) - Suitable for prominent titles or decorative text on lighter backgrounds. For optimal readability on darker backgrounds, a light cream or off-white is recommended.

Accessibility notes

  • Ensure sufficient contrast between the darker browns and #A0522D for text readability, especially for body text.
  • Avoid low-contrast pairings like #6F4E37 text on #4E3E3E backgrounds for critical information.
  • Always test text and interactive element contrasts against their backgrounds to meet WCAG 2.1 standards.
  • The palette's earthy warmth can be enhanced by strategic use of the rustic #A0522D to prevent designs from feeling too muted.

Recommended combinations

Earthy Brew

Creates a deep, robust foundation perfect for luxury branding or backgrounds requiring significant depth and warmth.

#362D24 · #4E3E3E · #6F4E37

Rustic Glow

Ideal for softer design elements, secondary content, or areas needing a warm, inviting, and gentle feel with subtle contrast.

#6F4E37 · #8B4513 · #A0522D

Coffee House

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

#362D24 · #8B4513 · #A0522D

CSS variables

:root {
  --espresso-bean-roast-1: #362D24;
  --espresso-bean-roast-2: #4E3E3E;
  --espresso-bean-roast-3: #6F4E37;
  --espresso-bean-roast-4: #8B4513;
  --espresso-bean-roast-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-bean-roast": {
        1: "#362D24",
        2: "#4E3E3E",
        3: "#6F4E37",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Related searches

roasted coffee color schemerustic brown palettecozy earthy tonesnatural warm brownsauthentic coffee branding

Palette colors

Hex values

Color 1#362D24
·
Color 2#4E3E3E
·
Color 3#6F4E37
·
Color 4#8B4513
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
1.9:1Fail
2.4:1Fail
2
1.3:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
3
1.8:1Fail
1.4:1Fail
1:1Fail
1.3:1Fail
4
1.9:1Fail
1.4:1Fail
1:1Fail
1.3:1Fail
5
2.4:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Espresso Bean Roast

View all dark
Espresso Roast Depth
Midnight Espresso Brew
Espresso Cream
Espresso Retreat
Espresso Retreat Corner
Espresso Roast Morning