Palette

Rustic Kiln Glaze

Rustic, grounded browns and creams inspired by handcrafted clay and ceramic artistry.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Kiln Glaze 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 Rustic Kiln Glaze.

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

Data visualization

#F2EDE8#D9C1A6#B38C6F#8C5E45#663B2C

Palette guide

How to use Rustic Kiln Glaze

Overview

The Rustic Kiln Glaze palette draws inspiration from handcrafted clay and ceramic artistry, presenting a grounded collection of rustic browns and creams. Ranging from the deep, rich #663B2C to the soft, creamy #F2EDE8, this palette offers a natural progression of tones. Mid-tones like #B38C6F and #8C5E45 provide excellent versatility for depth and contrast, while #D9C1A6 offers a warm, inviting intermediate shade. This collection is ideal for designs aiming to evoke authenticity, craftsmanship, and a connection to natural materials. It's particularly effective for projects requiring a warm, inviting, yet sophisticated earthy aesthetic.

Best used for

Artisanal food and beverage packaging
Craft brewery or coffee shop branding
Interior design for rustic or farmhouse styles
Website design for handmade goods or pottery
Branding for sustainable and eco-friendly products
Digital illustrations with a natural, earthy feel

Suggested color roles

primary

#8C5E45 (Brown) - A solid, warm brown that provides a strong visual anchor for main content areas, headers, or backgrounds.

secondary

#B38C6F (Tan) - A versatile mid-tone, excellent for subheadings, navigation, or larger sections needing a softer presence than the primary.

accent

#D9C1A6 (Light Tan) - A light, warm accent color suitable for subtle highlights, borders, or interactive elements.

background

#F2EDE8 (Off-White) - A soft, creamy off-white that serves as a clean, natural canvas, allowing darker tones to stand out clearly.

text

#663B2C (Dark Brown) - This deep, rich brown offers superior readability against lighter backgrounds like #F2EDE8, providing a sophisticated alternative to black.

Accessibility notes

Ensure #663B2C text on #F2EDE8 background meets WCAG AA contrast standards.
Avoid using #D9C1A6 for small text on #F2EDE8, as contrast will be insufficient.
Darker browns like #8C5E45 and #663B2C offer good contrast with light text (e.g., white or #F2EDE8).
Always test color combinations with a contrast checker, especially for interactive elements and crucial information.

Recommended combinations

Deep Earth

Provides a strong, grounded look for corporate branding or robust web design, with clear contrast.

#663B2C · #8C5E45 · #F2EDE8

Glazed Warmth

Ideal for creating a soft, inviting atmosphere in packaging or editorial layouts, with gentle transitions.

#B38C6F · #D9C1A6 · #F2EDE8

Rustic Contrast

Use the lightest for background, darkest for text, and a mid-tone for secondary content or borders to define structure.

#F2EDE8 · #663B2C · #8C5E45

CSS variables

:root {
  --rustic-kiln-glaze-1: #F2EDE8;
  --rustic-kiln-glaze-2: #D9C1A6;
  --rustic-kiln-glaze-3: #B38C6F;
  --rustic-kiln-glaze-4: #8C5E45;
  --rustic-kiln-glaze-5: #663B2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-kiln-glaze": {
        1: "#F2EDE8",
        2: "#D9C1A6",
        3: "#B38C6F",
        4: "#8C5E45",
        5: "#663B2C",
      }
    }
  }
}

Hex values

Color 1#F2EDE8

Color 2#D9C1A6

Color 3#B38C6F

Color 4#8C5E45

Color 5#663B2C

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

4.7:1AA

8.1:1AAA

1.5:1Fail

1.8:1Fail

3.2:1AA18

5.4:1AA

2.6:1Fail

1.8:1Fail

3.1:1AA18

4.7:1AA

3.2:1AA18

1.8:1Fail

1.7:1Fail

8.1:1AAA

5.4:1AA

3.1:1AA18

1.7:1Fail

Similar palettes

More like Rustic Kiln Glaze

Rustic Kiln Glaze

See it in context.

Ready when you are.

Built with Rustic Kiln Glaze.

How to use Rustic Kiln Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Earth

Glazed Warmth

Rustic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rustic Kiln Glaze