Palette

Ancient Aegean Clay

Earthy tones reminiscent of sun-baked pottery and ancient landscapes along the Aegean coast.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Aegean Clay 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 Ancient Aegean Clay.

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

Data visualization

#D4A373#E8DAB2#BB8F6C#9D5B41#5B3B3B

Palette guide

How to use Ancient Aegean Clay

Overview

The Ancient Aegean Clay palette evokes the earthy tones reminiscent of sun-baked pottery and ancient landscapes along the Aegean coast. Featuring grounding hues like `#5B3B3B` and `#9D5B41`, complemented by the rustic `#BB8F6C` and the warmer `#D4A373`, this palette offers designers and developers a natural and inviting range. The lightest shade, `#E8DAB2`, provides a delicate contrast, allowing for depth and visual interest across various applications. This palette’s organic feel and historical warmth make it excellent for projects aiming to convey authenticity, heritage, or a Mediterranean charm.

Best used for

Mediterranean restaurant branding
Historical or archaeological museum exhibits
Travel agency websites (Aegean region)
Rustic home decor and furniture e-commerce
Artisanal pottery and craft branding
Cultural heritage preservation websites

Suggested color roles

primary

Use `#9D5B41` as a dominant color for impactful branding, headlines, or primary calls to action to convey warmth and heritage.

secondary

Apply `#BB8F6C` for supporting sections, subheadings, or larger UI components to maintain an earthy, inviting feel.

accent

Utilize `#E8DAB2` for highlights, interactive states, or delicate graphic elements to add a soft, luminous touch.

background

The lightest shade, `#E8DAB2`, provides a clean, airy canvas. `#D4A373` can be used for slightly richer, yet still light, sections.

text

For text on lighter backgrounds, a deep shade like `#5B3B3B` or black ensures readability. For text on dark backgrounds, use white or `#E8DAB2`.

Accessibility notes

Ensure `#5B3B3B` provides strong contrast against `#E8DAB2` for body text to maintain readability.
Test contrast ratios for `#9D5B41` and `#BB8F6C` when used for text against various background colors within the palette.
Avoid using `#E8DAB2` for small text against similarly light backgrounds to prevent legibility issues.
Consider using bold text or larger font sizes when applying mid-tone browns like `#D4A373` for content.

Recommended combinations

Terracotta Depths

Ideal for creating a grounded, rich visual impact in headers, footers, or brand logos reminiscent of ancient pottery.

#5B3B3B · #9D5B41 · #BB8F6C

Sun-kissed Clay

Excellent for accents, interactive elements, or sections needing a brighter, more inviting glow.

#E8DAB2 · #D4A373 · #BB8F6C

Aegean Earth

Suited for gradients, data visualization, or illustrations that require a smooth transition of earthy, historical hues.

#9D5B41 · #E8DAB2 · #5B3B3B

CSS variables

:root {
  --ancient-aegean-clay-1: #D4A373;
  --ancient-aegean-clay-2: #E8DAB2;
  --ancient-aegean-clay-3: #BB8F6C;
  --ancient-aegean-clay-4: #9D5B41;
  --ancient-aegean-clay-5: #5B3B3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-aegean-clay": {
        1: "#D4A373",
        2: "#E8DAB2",
        3: "#BB8F6C",
        4: "#9D5B41",
        5: "#5B3B3B",
      }
    }
  }
}

Hex values

Color 1#D4A373

Color 2#E8DAB2

Color 3#BB8F6C

Color 4#9D5B41

Color 5#5B3B3B

Accessibility

Contrast checker

1.6:1Fail

1.3:1Fail

2.3:1Fail

4.4:1AA18

1.6:1Fail

2.1:1Fail

3.8:1AA18

7.1:1AAA

1.3:1Fail

2.1:1Fail

1.8:1Fail

3.4:1AA18

2.3:1Fail

3.8:1AA18

1.8:1Fail

1.9:1Fail

4.4:1AA18

7.1:1AAA

3.4:1AA18

1.9:1Fail

Similar palettes

More like Ancient Aegean Clay

View all earth

Earthen Pot Glaze

Earthen Pot Shard

Mediterranean Terra cotta

Mediterranean Tile Warmth

Rustic Terra Cotta

Sunbaked Adobe Earth