Palette

Orchard Brew Harmony

The gentle, comforting blend of spiced orchard fruits brewed into a soothing, warm drink.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Brew Harmony 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 Orchard Brew Harmony.

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

Data visualization

#A0522D#CD853F#FFDAB9#FFEBCD#8B4513

Palette guide

How to use Orchard Brew Harmony

Overview

The Orchard Brew Harmony palette is a rich, comforting collection that evokes warmth and a cozy, inviting atmosphere. It features a deep reddish-brown (#A0522D), a vibrant medium brown (#CD853F), a soft peach-pink (#FFDAB9), and a very light cream (#FFEBCD). A darker, robust brown (#8B4513) provides a strong, grounding anchor. This palette is exceptionally well-suited for designers creating brands related to coffee, artisanal foods, home goods, or any project aiming for a natural, rustic, and comforting feel. Its warm, earthy tones are inherently inviting, offering a sense of heritage and quality in both digital and print applications.

Best used for

Coffee shop branding and menus
Artisanal bakery packaging
Rustic home decor websites
Autumn-themed marketing materials
Comfort food recipe blogs
Craft beer label designs

Suggested color roles

primary

#CD853F - A warm, inviting medium brown, excellent for main content areas, headers, or large background sections that need warmth.

secondary

#A0522D - A deeper reddish-brown, perfect for subheadings, important links, or to add visual weight and richness.

accent

#8B4513 - A dark, robust brown, ideal for strong call-to-action buttons, key interactive elements, or a bold accent.

background

#FFEBCD - A very light cream, providing a soft, warm, and highly readable canvas for all other palette colors.

text

#8B4513 - This dark brown offers excellent contrast against the lighter background for body text, ensuring high readability.

Accessibility notes

#8B4513 and #A0522D provide strong contrast against #FFEBCD and #FFDAB9 for text.
Avoid using #FFDAB9 or #FFEBCD for text due to insufficient contrast against other light colors.
Ensure interactive elements have clear focus states, especially for colors like #CD853F on similar backgrounds.
For optimal readability, use #8B4513 for body text on lighter backgrounds.

Recommended combinations

Warm Brew

A classic warm combination, great for headers, main content blocks, or branding that needs a comforting feel.

#CD853F · #A0522D · #FFEBCD

Rich Earth

Provides strong contrast and a grounded look, suitable for footers, navigation, or important textual information.

#8B4513 · #FFDAB9 · #FFEBCD

Honeyed Comfort

A harmonious blend for illustrations, product highlights, or elements requiring a soft, natural warmth.

#FFDAB9 · #CD853F · #A0522D

CSS variables

:root {
  --orchard-brew-harmony-1: #A0522D;
  --orchard-brew-harmony-2: #CD853F;
  --orchard-brew-harmony-3: #FFDAB9;
  --orchard-brew-harmony-4: #FFEBCD;
  --orchard-brew-harmony-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-brew-harmony": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#FFDAB9",
        4: "#FFEBCD",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#CD853F

Color 3#FFDAB9

Color 4#FFEBCD

Color 5#8B4513

Accessibility

Contrast checker

1.9:1Fail

4.3:1AA18

4.8:1AA

1.3:1Fail

1.9:1Fail

2.3:1Fail

2.6:1Fail

2.4:1Fail

4.3:1AA18

2.3:1Fail

1.1:1Fail

5.4:1AA

4.8:1AA

2.6:1Fail

1.1:1Fail

6.1:1AA

1.3:1Fail

2.4:1Fail

5.4:1AA

6.1:1AA

Similar palettes

More like Orchard Brew Harmony

Barista Roast Comfort

Cafe Latte Comfort

Caramel Latte Dream