Back to palettes

Palette

Artisan Loaf Hearth

Comforting hues reminiscent of a cozy bakery with freshly baked bread and warm spices.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Artisan Loaf Hearth 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 Loaf Hearth.

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

Data visualization

#D2B48C#8B4513#F5DEB3#CD853F#BC8F8F

Palette guide

How to use Artisan Loaf Hearth

Overview

The Artisan Loaf Hearth palette features comforting hues reminiscent of a cozy bakery with freshly baked bread and warm spices. With colors like #D2B48C, #8B4513, #F5DEB3, #CD853F, and #BC8F8F, 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 joy of baking.

Best used for

  • Bakeries and coffee shop branding
  • Gourmet food and beverage brands
  • Rustic kitchen decor and homewares
  • Cozy lifestyle blogs and websites
  • Autumnal and seasonal marketing campaigns
  • Comfort food recipe blogs

Suggested color roles

primary

Use #CD853F as a warm, inviting primary color for headlines or key visual elements, embodying baked goodness.

secondary

Apply #D2B48C for a lighter, soft tan secondary hue, suitable for backgrounds or subtle graphic elements, offering softness.

accent

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

background

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

text

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

Accessibility notes

  • Ensure #8B4513 provides strong contrast for all text on #F5DEB3 and #D2B48C backgrounds.
  • Be cautious when using #BC8F8F 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

Warm Bakery

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

#F5DEB3 · #D2B48C · #CD853F

Deep Crust

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

#8B4513 · #CD853F · #BC8F8F

Cozy Blend

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

#F5DEB3 · #BC8F8F · #8B4513

CSS variables

:root {
  --artisan-loaf-hearth-1: #D2B48C;
  --artisan-loaf-hearth-2: #8B4513;
  --artisan-loaf-hearth-3: #F5DEB3;
  --artisan-loaf-hearth-4: #CD853F;
  --artisan-loaf-hearth-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-loaf-hearth": {
        1: "#D2B48C",
        2: "#8B4513",
        3: "#F5DEB3",
        4: "#CD853F",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

bread colors palettecozy kitchen designrustic food brandingwarm brown tancomfort food aesthetic

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#8B4513
·
Color 3#F5DEB3
·
Color 4#CD853F
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.6:1AA18
1.5:1Fail
1.5:1Fail
1.4:1Fail
2
3.6:1AA18
5.4:1AA
2.4:1Fail
2.5:1Fail
3
1.5:1Fail
5.4:1AA
2.3:1Fail
2.1:1Fail
4
1.5:1Fail
2.4:1Fail
2.3:1Fail
1.1:1Fail
5
1.4:1Fail
2.5:1Fail
2.1:1Fail
1.1:1Fail

Similar palettes

More like Artisan Loaf Hearth

View all warm
Cozy Cabin Hearth
Gingerbread Hearth Comfort
Rustic Bakehouse Hearth
Rustic Tavern Fire
Amber Apothecary Jar
Autumn Harvest Berry