Palette

Espresso Cream

Deep, comforting browns mellowed by creamy accents, evoking the warmth of a rich espresso.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F2F2F#8B4513#A0522D#D2B48C#FFDEAD

Palette guide

How to use Espresso Cream

Overview

The "Espresso Cream" palette offers a comforting and sophisticated blend of deep, rich browns mellowed by creamy accents, evoking the warmth of a perfectly crafted espresso. It features the profound #4F2F2F and #8B4513, transitioning through the inviting #A0522D, to the soft #D2B48C and the delicate #FFDEAD. This palette is ideal for designs seeking a luxurious yet approachable aesthetic, combining grounded richness with a gentle, airy lightness. Perfect for creating environments that feel both indulgent and serene, it’s a versatile choice for branding that values natural elegance and comfort.

Best used for

Gourmet coffee and pastry shop branding
Luxury lifestyle and home goods websites
Spa and wellness retreat branding
Wedding and event planning decor inspiration
High-end cosmetic or skincare packaging
Cozy and elegant blog or portfolio themes

Suggested color roles

primary

#4F2F2F (Deep Espresso) - Best for foundational elements, headers, or large background areas, establishing a rich, grounding presence.

secondary

#8B4513 (Saddle Brown) - Excellent for primary content blocks, navigational elements, or key graphical sections, providing warmth and depth.

accent

#FFDEAD (Navajo White) - Ideal for highlights, delicate borders, or subtle interactive elements, offering a soft, sophisticated contrast and luminosity.

background

#D2B48C (Light Tan) - A versatile light tone for backgrounds, creating a welcoming and airy canvas that enhances both darker and lighter elements.

text

#A0522D (Terracotta) - Suitable for prominent titles or decorative text on lighter backgrounds. For optimal readability on darker backgrounds, a crisp white or #FFDEAD is recommended.

Accessibility notes

Ensure high contrast when using any of the darker browns for text on #D2B48C or #FFDEAD.
Avoid placing #A0522D text on #D2B48C background for critical information due to potential low contrast.
Always test text and interactive element contrasts against their backgrounds to meet WCAG 2.1 standards.
The palette's balance of dark and light tones can be used effectively to guide the eye and prevent visual fatigue.

Recommended combinations

Rich Brew

Creates a classic coffee-themed look, perfect for branding that emphasizes warmth, comfort, and rich flavor with a creamy touch.

#4F2F2F · #8B4513 · #D2B48C

Soft Latte

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

#A0522D · #D2B48C · #FFDEAD

Gourmet Elegance

Excellent for establishing a clear visual hierarchy, using the darkest tone as a base with warm and airy accents for focus.

#4F2F2F · #A0522D · #FFDEAD

CSS variables

:root {
  --espresso-cream-1: #4F2F2F;
  --espresso-cream-2: #8B4513;
  --espresso-cream-3: #A0522D;
  --espresso-cream-4: #D2B48C;
  --espresso-cream-5: #FFDEAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "espresso-cream": {
        1: "#4F2F2F",
        2: "#8B4513",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#FFDEAD",
      }
    }
  }
}

Hex values

Color 1#4F2F2F

Color 2#8B4513

Color 3#A0522D

Color 4#D2B48C

Color 5#FFDEAD

Accessibility

Contrast checker

1.7:1Fail

2.1:1Fail

6:1AA

9.2:1AAA

1.7:1Fail

1.3:1Fail

3.6:1AA18

5.5:1AA

2.1:1Fail

1.3:1Fail

2.8:1Fail

4.4:1AA18

6:1AA

3.6:1AA18

2.8:1Fail

1.5:1Fail

9.2:1AAA

5.5:1AA

4.4:1AA18

1.5:1Fail

Similar palettes

More like Espresso Cream

View all dark

Espresso Bean Roast

Espresso Retreat

Espresso Retreat Corner

Espresso Roast Depth

Espresso Roast Morning

Midnight Espresso Brew