Back to palettes

Palette

Espresso Retreat

Deep, comforting browns that evoke the rich aroma and warmth of a secluded espresso bar.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A1C14#4E3021#7B4D31#A86F4B#D49A70

Palette guide

How to use Espresso Retreat

Overview

The Espresso Retreat palette offers a comforting range of deep, earthy browns, perfect for creating warm and inviting digital spaces. Featuring rich tones like the deep #2A1C14, a robust #4E3021, and the inviting #7B4D31, this collection evokes the cozy ambiance of a secluded coffee bar. Designers will find these hues ideal for conveying sophistication and warmth, while developers can leverage them for UI elements that require a grounded, natural feel. The lighter shades, #A86F4B and #D49A70, provide gentle contrast and highlight opportunities, ensuring a balanced visual experience. This palette is excellent for projects aiming for a mature, organic, and comforting aesthetic.

Best used for

  • Luxury brand websites and apps
  • Cozy cafe or restaurant branding
  • Interior design showcases
  • E-commerce for artisanal goods
  • Lifestyle blogs and portfolios
  • Wellness and spa service platforms

Suggested color roles

primary

Use #2A1C14 as a dominant background or primary branding color to establish a deep, sophisticated foundation.

secondary

Apply #4E3021 for supporting sections, headers, or large UI components to maintain depth and warmth.

accent

#7B4D31 serves as an excellent accent for call-to-action buttons or highlighted elements, offering a rich pop.

background

#D49A70 can be used for lighter background areas or subtle sections where more brightness is desired, ensuring visual relief.

text

For dark backgrounds like #2A1C14, use #D49A70 or a near-white for readability. For lighter backgrounds like #D49A70, use #2A1C14 or #4E3021.

Accessibility notes

  • Ensure sufficient contrast when pairing #2A1C14 or #4E3021 with lighter text like #D49A70 or white.
  • Avoid placing #A86F4B directly on #7B4D31 for small text due to potentially insufficient contrast.
  • Use #2A1C14 for body text on light backgrounds such as #D49A70 for optimal readability.
  • Verify contrast ratios for interactive elements, especially if using mid-tones like #7B4D31 on #A86F4B.

Recommended combinations

Rich Earth

Ideal for hero sections or brand headers, with #2A1C14 as background, #7B4D31 for titles, and #D49A70 for subtitles/accents.

#2A1C14 · #7B4D31 · #D49A70

Warm Contrast

Effective for content blocks; #4E3021 as a container, #A86F4B for supporting text, and #2A1C14 for headings.

#4E3021 · #A86F4B · #2A1C14

Gentle Gradient

Great for subtle gradients or layered elements, moving from light to mid-tone for depth and visual interest.

#D49A70 · #A86F4B · #7B4D31

CSS variables

:root {
  --espresso-retreat-1: #2A1C14;
  --espresso-retreat-2: #4E3021;
  --espresso-retreat-3: #7B4D31;
  --espresso-retreat-4: #A86F4B;
  --espresso-retreat-5: #D49A70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-retreat": {
        1: "#2A1C14",
        2: "#4E3021",
        3: "#7B4D31",
        4: "#A86F4B",
        5: "#D49A70",
      }
    }
  }
}

Related searches

warm brown color paletterich coffee tones hex codescozy earthy color schemesophisticated brown brandingnatural dark brown palette

Palette colors

Hex values

Color 1#2A1C14
·
Color 2#4E3021
·
Color 3#7B4D31
·
Color 4#A86F4B
·
Color 5#D49A70
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
4:1AA18
6.8:1AA
2
1.4:1Fail
1.7:1Fail
2.8:1Fail
4.9:1AA
3
2.3:1Fail
1.7:1Fail
1.7:1Fail
2.9:1Fail
4
4:1AA18
2.8:1Fail
1.7:1Fail
1.7:1Fail
5
6.8:1AA
4.9:1AA
2.9:1Fail
1.7:1Fail

Similar palettes

More like Espresso Retreat

View all dark
Dark Roast Coffee
Espresso Bean Roast
Espresso Cream
Espresso Retreat Corner
Espresso Roast Depth
Espresso Roast Morning