Back to palettes

Palette

Ceramic Glaze Rust

A unique blend mimicking the beautiful, varied textures and deep, rich colors of rusted ceramic glazes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ceramic Glaze Rust 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 Ceramic Glaze Rust.

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

Data visualization

#8A4C2E#B3684B#D68F7A#F5B8AD#5E3D2C

Palette guide

How to use Ceramic Glaze Rust

Overview

The "Ceramic Glaze Rust" palette offers a unique blend mimicking the beautiful, varied textures and deep, rich colors of rusted ceramic glazes. It features a spectrum of warm, earthy tones, from the deep, grounding #5E3D2C to the robust #8A4C2E. The palette transitions through the inviting #B3684B and the softer #D68F7A, culminating in the delicate blush of #F5B8AD. This collection is ideal for designers seeking to evoke a rustic, weathered, or handcrafted aesthetic. Developers can leverage these hues for websites focusing on artisan goods, vintage themes, or natural, earthy brands, ensuring a warm and authentic user experience.

Best used for

  • Rustic home decor e-commerce
  • Vintage photography websites
  • Handmade jewelry branding
  • Autumn collection marketing
  • Craft brewery labels
  • Artisan workshop promotions

Suggested color roles

primary

#8A4C2E - A rich, deep rust brown, ideal for main headings, navigation, or prominent brand elements, conveying warmth and age.

secondary

#B3684B - A vibrant terracotta, excellent for subheadings, active states, or graphic elements that need to stand out.

accent

#F5B8AD - A soft, peachy blush, perfect for subtle highlights, call-to-action buttons, or delicate decorative accents.

background

#5E3D2C - A very deep, warm brown, serving as an immersive, textured background, especially for darker layouts.

text

#F5B8AD - A soft, peachy blush, providing good contrast and readability for text on the dark #5E3D2C or #8A4C2E backgrounds.

Accessibility notes

  • Ensure #F5B8AD text on #5E3D2C or #8A4C2E backgrounds meets WCAG contrast standards.
  • Avoid using #D68F7A or #F5B8AD for small text on similarly light backgrounds due to low contrast.
  • The darkest colors, #5E3D2C and #8A4C2E, provide excellent contrast for white or very light text.
  • For body text, prefer #F5B8AD against the darkest colors for optimal readability.

Recommended combinations

Rustic Depth

Creates a strong, earthy base with a bright, warm accent for titles or key features.

#5E3D2C · #8A4C2E · #F5B8AD

Weathered Texture

Ideal for layered designs, mimicking aged surfaces with a progression of warm tones.

#B3684B · #D68F7A · #5E3D2C

Autumn Glow

Excellent for product showcases or seasonal themes, with the lightest color providing a gentle highlight.

#8A4C2E · #F5B8AD · #B3684B

CSS variables

:root {
  --ceramic-glaze-rust-1: #8A4C2E;
  --ceramic-glaze-rust-2: #B3684B;
  --ceramic-glaze-rust-3: #D68F7A;
  --ceramic-glaze-rust-4: #F5B8AD;
  --ceramic-glaze-rust-5: #5E3D2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-glaze-rust": {
        1: "#8A4C2E",
        2: "#B3684B",
        3: "#D68F7A",
        4: "#F5B8AD",
        5: "#5E3D2C",
      }
    }
  }
}

Related searches

rust ceramic color paletteearthy weathered tonesrustic pottery hueswarm brown orange colorshandmade texture web design

Palette colors

Hex values

Color 1#8A4C2E
·
Color 2#B3684B
·
Color 3#D68F7A
·
Color 4#F5B8AD
·
Color 5#5E3D2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.9:1AA18
1.4:1Fail
2
1.6:1Fail
1.6:1Fail
2.5:1Fail
2.3:1Fail
3
2.6:1Fail
1.6:1Fail
1.5:1Fail
3.7:1AA18
4
3.9:1AA18
2.5:1Fail
1.5:1Fail
5.7:1AA
5
1.4:1Fail
2.3:1Fail
3.7:1AA18
5.7:1AA

Similar palettes

More like Ceramic Glaze Rust

View all earth