Back to palettes

Palette

Espresso Bean Roam

Rich, dark browns evoking the deep, comforting aroma of freshly roasted espresso beans.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F2F24#6D4F3E#8C786F#3A231B#5E4032

Palette guide

How to use Espresso Bean Roam

Overview

The "Espresso Bean Roam" palette (ID: espresso-bean-roam-2) offers a sophisticated blend of deep, comforting browns, evoking the rich aroma and nuanced flavors of freshly roasted espresso beans. This collection features the profound #4F2F24 and #3A231B, complemented by the mid-tones of #6D4F3E and #5E4032, and softened by the subtle #8C786F. It’s designed for projects seeking a grounded, elegant, and warm aesthetic. Ideal for creating an atmosphere of quiet luxury and natural comfort, this palette is versatile enough for both digital interfaces and physical branding, ensuring a refined and inviting user experience.

Best used for

  • Premium coffee brand identity
  • Upscale furniture and interior design websites
  • Luxury travel and hospitality branding
  • E-commerce sites for artisan goods
  • Editorial design for lifestyle magazines
  • Cozy and minimalist app interfaces

Suggested color roles

primary

#3A231B (Deepest Roast) - Best for foundational elements, backgrounds, or headers, establishing a profound and elegant base.

secondary

#4F2F24 (Rich Coffee) - Excellent for primary content areas, navigational elements, or large graphic sections, providing depth and warmth.

accent

#8C786F (Warm Taupe) - Ideal for highlights, delicate borders, or subtle interactive elements, offering a soft, sophisticated contrast.

background

#5E4032 (Medium Brown) - A versatile mid-tone for backgrounds, creating a welcoming and earthy canvas for other palette colors.

text

#6D4F3E (Cocoa Brown) - Suitable for prominent titles or decorative text on lighter backgrounds. For body text on dark backgrounds, a light beige or off-white is recommended.

Accessibility notes

  • Ensure adequate contrast when using #8C786F for text on any of the darker browns in the palette.
  • Avoid low-contrast pairings like #6D4F3E text on #5E4032 backgrounds for critical information.
  • Always test text and interactive element contrasts against their backgrounds to meet WCAG 2.1 standards.
  • The palette's inherent warmth can be enhanced by strategic use of the lighter #8C786F to prevent visual fatigue.

Recommended combinations

Grounded Richness

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

#3A231B · #4F2F24 · #6D4F3E

Subtle Comfort

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

#5E4032 · #6D4F3E · #8C786F

Modern Elegance

Excellent for creating a balanced visual hierarchy, pairing deep tones with a soft, natural accent.

#3A231B · #5E4032 · #8C786F

CSS variables

:root {
  --espresso-bean-roam-2-1: #4F2F24;
  --espresso-bean-roam-2-2: #6D4F3E;
  --espresso-bean-roam-2-3: #8C786F;
  --espresso-bean-roam-2-4: #3A231B;
  --espresso-bean-roam-2-5: #5E4032;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-bean-roam-2": {
        1: "#4F2F24",
        2: "#6D4F3E",
        3: "#8C786F",
        4: "#3A231B",
        5: "#5E4032",
      }
    }
  }
}

Related searches

deep coffee brownselegant warm palettenatural luxury colorsroasted bean schemecozy earthy design

Palette colors

Hex values

Color 1#4F2F24
·
Color 2#6D4F3E
·
Color 3#8C786F
·
Color 4#3A231B
·
Color 5#5E4032
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
1.2:1Fail
1.3:1Fail
2
1.6:1Fail
1.8:1Fail
2:1Fail
1.3:1Fail
3
2.9:1Fail
1.8:1Fail
3.5:1AA18
2.2:1Fail
4
1.2:1Fail
2:1Fail
3.5:1AA18
1.6:1Fail
5
1.3:1Fail
1.3:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Espresso Bean Roam

View all dark
Espresso Roast Depth
Coffee Bean Richness
Espresso Bean Roam
Midnight Mocha Blend
Roasted Coffee Hues
Artisan Cocoa Swirl