Back to palettes

Palette

Artisan Coffee Blend

A rich and comforting blend of deep browns and creamy beiges, capturing the warmth and aroma of freshly roasted coffee.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Artisan Coffee Blend 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 Artisan Coffee Blend.

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

Data visualization

#3B2A20#6C4F3F#9C755E#C8A38E#E0C7B6

Palette guide

How to use Artisan Coffee Blend

Overview

The Artisan Coffee Blend palette is a rich and comforting collection of deep browns and creamy beiges, capturing the warmth and aroma of freshly roasted coffee. With colors like #3B2A20, #6C4F3F, #9C755E, #C8A38E, and #E0C7B6, this palette exudes natural warmth, rustic charm, and comforting richness. It's ideal for designers seeking to convey authenticity, coziness, and a gourmet aesthetic. These versatile tones are perfect for creating inviting digital spaces, premium product packaging, and evocative visual narratives that celebrate the coffee experience.

Best used for

  • Coffee shops and cafe branding
  • Gourmet food and beverage brands
  • Rustic home decor and furniture brands
  • Cozy lifestyle blogs and websites
  • Natural skincare and organic product packaging
  • Autumnal and seasonal marketing campaigns

Suggested color roles

primary

Use #6C4F3F as a rich, inviting primary color for headlines or key visual elements, embodying roasted coffee.

secondary

Apply #9C755E for a lighter, warm supporting hue, suitable for backgrounds or subtle graphic elements, offering softness.

accent

Incorporate #3B2A20 for the deepest accent, perfect for calls to action or important details that require strong, grounding emphasis.

background

Utilize #E0C7B6 for primary backgrounds, providing a soft, creamy beige, and expansive base that enhances other colors.

text

Employ #3B2A20 for body text, ensuring optimal readability on lighter backgrounds with its deep, robust brown. For text on darker palette colors, use #E0C7B6 or pure white.

Accessibility notes

  • Ensure #3B2A20 provides strong contrast for all text on #E0C7B6 and #C8A38E backgrounds.
  • Be cautious when using #9C755E for small text on mid-tone backgrounds, as its value might lead to lower contrast.
  • Always test color combinations to meet WCAG contrast guidelines, especially for interactive elements.
  • For critical information, prioritize higher contrast pairings, possibly with a neutral white background not in the palette.

Recommended combinations

Creamy Coffee

An excellent combination for main content areas, providing a clear visual hierarchy from a light background to warm headings.

#E0C7B6 · #C8A38E · #9C755E

Deep Roast

Ideal for creating depth and richness in graphic elements, illustrations, or feature sections, showcasing tonal variation.

#3B2A20 · #6C4F3F · #9C755E

Warm Blend

Suitable for harmonious layered backgrounds or subtle visual elements that require a gentle transition, maintaining warmth and depth.

#E0C7B6 · #6C4F3F · #3B2A20

CSS variables

:root {
  --artisan-coffee-blend-1: #3B2A20;
  --artisan-coffee-blend-2: #6C4F3F;
  --artisan-coffee-blend-3: #9C755E;
  --artisan-coffee-blend-4: #C8A38E;
  --artisan-coffee-blend-5: #E0C7B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-coffee-blend": {
        1: "#3B2A20",
        2: "#6C4F3F",
        3: "#9C755E",
        4: "#C8A38E",
        5: "#E0C7B6",
      }
    }
  }
}

Related searches

coffee color palettewarm brown beigerustic cafe designrich comfort colorsnatural coffee branding

Palette colors

Hex values

Color 1#3B2A20
·
Color 2#6C4F3F
·
Color 3#9C755E
·
Color 4#C8A38E
·
Color 5#E0C7B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.9:1AA
8.5:1AAA
2
1.8:1Fail
1.8:1Fail
3.2:1AA18
4.6:1AA
3
3.3:1AA18
1.8:1Fail
1.8:1Fail
2.5:1Fail
4
5.9:1AA
3.2:1AA18
1.8:1Fail
1.4:1Fail
5
8.5:1AAA
4.6:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Artisan Coffee Blend

View all warm
Cozy Cabin Hearth
Tuscan Vineyard Row
Artisan Loaf Hearth
Autumn Foliage Crunch
Autumn Harvest Berry
Autumn Harvest Hearth