Palette

Earthenware Rustic Bake

Warm, wholesome tones of baked clay and fresh bread, inviting comfort and natural simplicity.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthenware Rustic Bake 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 Earthenware Rustic Bake.

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

Data visualization

#8B4513#CD853F#F5DEB3#A0522D#69361B

Palette guide

How to use Earthenware Rustic Bake

Overview

The Earthenware Rustic Bake palette offers a comforting blend of warm browns and a soft, inviting cream, reminiscent of baked clay and fresh bread. Anchored by the deep #69361B (Dark Brown) and the vibrant #CD853F (Peru), with the bright #F5DEB3 (Wheat) providing a gentle contrast, this palette exudes natural simplicity and warmth. Designers can use these tones to create designs that feel wholesome, authentic, and grounded, perfect for food-related branding, rustic decor, or cozy digital experiences that invite comfort and natural charm.

Best used for

Rustic bakery and patisserie branding
Farm-to-table restaurant websites
Natural food and organic product packaging
Cozy blog and editorial themes
Handmade craft shops and marketplaces
Traditional home goods and decor

Suggested color roles

primary

#69361B (Dark Brown) serves as a very deep, strong foundation for branding, main headings, and primary text.

secondary

#8B4513 (Saddle Brown) offers a rich, warm tone for subheadings, important content blocks, and supporting UI elements.

accent

#CD853F (Peru) provides a vibrant, inviting mid-tone for calls to action, key highlights, or interactive elements.

background

#F5DEB3 (Wheat) creates a very light, soft background that brightens the overall aesthetic and enhances readability.

text

Use #69361B or #8B4513 on #F5DEB3 for excellent readability across all content, ensuring accessibility.

Accessibility notes

The contrast between #69361B and #F5DEB3 is excellent, making it highly accessible for all text sizes.
Ensure #8B4513 on #F5DEB3 meets WCAG AA guidelines for body text readability and legibility.
Avoid using #CD853F for small text on #F5DEB3 due to potential low contrast; reserve for larger headings or accents.
Use clear visual indicators for interactive elements beyond color alone to ensure usability for all users.

Recommended combinations

Baked Earth

Combine a strong dark tone with a warm mid-tone and a light background for clear hierarchy and visual appeal.

#69361B · #8B4513 · #F5DEB3

Rustic Glow

Apply vibrant accents with rich, layered browns for dynamic visual elements or textured backgrounds.

#CD853F · #A0522D · #8B4513

Comforting Blend

Design with a light background, a warm accent, and dark text for a cozy and inviting layout.

#F5DEB3 · #CD853F · #69361B

CSS variables

:root {
  --earthenware-rustic-bake-1: #8B4513;
  --earthenware-rustic-bake-2: #CD853F;
  --earthenware-rustic-bake-3: #F5DEB3;
  --earthenware-rustic-bake-4: #A0522D;
  --earthenware-rustic-bake-5: #69361B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthenware-rustic-bake": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#F5DEB3",
        4: "#A0522D",
        5: "#69361B",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#F5DEB3

Color 4#A0522D

Color 5#69361B

Accessibility

Contrast checker

2.4:1Fail

5.4:1AA

1.3:1Fail

1.4:1Fail

2.4:1Fail

2.3:1Fail

1.9:1Fail

3.3:1AA18

5.4:1AA

2.3:1Fail

4.3:1AA18

7.5:1AAA

1.3:1Fail

1.9:1Fail

4.3:1AA18

1.7:1Fail

1.4:1Fail

3.3:1AA18

7.5:1AAA

1.7:1Fail

Similar palettes

More like Earthenware Rustic Bake

Warm Terracotta Earth