Back to palettes

Palette

Gourmet Coffee Roast

The rich, aromatic depth of freshly roasted gourmet coffee beans, balanced with creamy foam.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gourmet Coffee 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 Gourmet Coffee Roast.

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

Data visualization

#362817#5A3A2B#7A5B49#B08C78#F5F5DC

Palette guide

How to use Gourmet Coffee Roast

Overview

The Gourmet Coffee Roast palette captures the rich, aromatic depth of freshly roasted coffee beans, elegantly balanced with creamy tones. It features a progression of deep browns from #362817 and #5A3A2B, through the inviting #7A5B49 and #B08C78, culminating in the soft, creamy #F5F5DC. This palette is ideal for designers seeking to convey warmth, sophistication, and artisanal quality. These hex codes are particularly effective for branding related to coffee, food, or any digital interface that benefits from a comforting, professional, and naturally appealing aesthetic. Developers will find this palette highly versatile for creating visually rich and coherent user experiences.

Best used for

  • Coffee roastery branding
  • Gourmet food packaging
  • Bakery and dessert websites
  • Cozy e-commerce platforms
  • Lifestyle and recipe blogs
  • Professional yet warm app interfaces

Suggested color roles

primary

Use #362817 as a deep, anchoring primary color for backgrounds, headers, or foundational structural elements, establishing a rich base.

secondary

Apply #5A3A2B for supporting content blocks, navigation bars, or secondary features, offering a warm, complementary medium brown.

accent

Employ #B08C78 sparingly for elegant highlights, interactive elements, or subtle graphic details to add a touch of latte-like warmth.

background

Choose #F5F5DC for a soft, creamy background, providing excellent contrast for darker text and elements.

text

Utilize #362817 for headings and main body text on lighter backgrounds like #F5F5DC, ensuring excellent readability and a cohesive feel.

Accessibility notes

  • Ensure sufficient contrast for text on backgrounds; #362817 on #F5F5DC offers good readability.
  • Verify that interactive elements using #B08C78 have adequate contrast against #7A5B49 if placed closely.
  • Avoid using #5A3A2B as text on #7A5B49, as the contrast will be insufficient for readability.
  • For body text on very dark browns, a light cream or white is essential for optimal readability.

Recommended combinations

Espresso Cream

Excellent for website headers, product features, or call-to-action buttons, providing strong contrast and warmth.

#362817 · #F5F5DC · #B08C78

Roasted Blend

Ideal for creating layered backgrounds, subtle gradients, or decorative elements that transition through coffee tones.

#5A3A2B · #7A5B49 · #B08C78

Light Roast

Perfect for clean layouts, secondary information, or footnotes where readability and a sophisticated, light touch are key.

#F5F5DC · #7A5B49 · #362817

CSS variables

:root {
  --gourmet-coffee-roast-1: #362817;
  --gourmet-coffee-roast-2: #5A3A2B;
  --gourmet-coffee-roast-3: #7A5B49;
  --gourmet-coffee-roast-4: #B08C78;
  --gourmet-coffee-roast-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gourmet-coffee-roast": {
        1: "#362817",
        2: "#5A3A2B",
        3: "#7A5B49",
        4: "#B08C78",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

coffee roast color palettewarm brown cream schemegourmet design colorsartisanal coffee hex codescozy professional UI

Palette colors

Hex values

Color 1#362817
·
Color 2#5A3A2B
·
Color 3#7A5B49
·
Color 4#B08C78
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
4.7:1AA
12.9:1AAA
2
1.4:1Fail
1.6:1Fail
3.3:1AA18
9.1:1AAA
3
2.3:1Fail
1.6:1Fail
2:1Fail
5.5:1AA
4
4.7:1AA
3.3:1AA18
2:1Fail
2.8:1Fail
5
12.9:1AAA
9.1:1AAA
5.5:1AA
2.8:1Fail

Similar palettes

More like Gourmet Coffee Roast

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