Palette

Vintage Tea Stain

Soft, muted browns and beiges give the impression of aged parchment or paper gently stained by a cup of tea.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Tea Stain 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 Vintage Tea Stain.

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

Data visualization

#D2B48C#BC8F8F#A0522D#8B4513#704214

Palette guide

How to use Vintage Tea Stain

Overview

The Vintage Tea Stain palette (version 2) offers a rich tapestry of muted browns and beiges, perfectly capturing the impression of aged parchment or paper gently stained by a cup of tea. With a light tan, `#D2B48C`, and a rosy brown, `#BC8F8F`, it sets a warm, historical tone. Deeper shades like sienna, `#A0522D`, and various dark browns, `#8B4513` and `#704214`, provide depth and grounding. This palette is invaluable for designers and developers seeking to evoke a sense of history, authenticity, and rustic charm in their projects.

Best used for

Historical document reproductions and digital archives
Rustic and heritage brand identities
Vintage photography filters and effects
Websites for antique shops or traditional craft businesses
Coffee shop or artisanal beverage branding
Book covers and editorial designs with a classic feel

Suggested color roles

primary

Use `#A0522D` as a rich, earthy primary for headings or key visual elements, providing a strong focal point.

secondary

Apply `#D2B48C` for warm, lighter complementary sections, sidebars, or as a textured background.

accent

Incorporate `#BC8F8F` for subtle accents, decorative flourishes, or to add a hint of warmth.

background

Utilize `#D2B48C` as an aged paper-like background, providing a neutral and inviting canvas.

text

Employ `#704214` for highly readable body text, or `#8B4513` for headings and subheadings, offering excellent contrast.

Accessibility notes

Ensure `#704214` and `#8B4513` provide sufficient contrast against lighter backgrounds like `#D2B48C`.
Avoid using `#BC8F8F` as primary text color on light backgrounds due to potential low contrast.
When using darker browns as backgrounds, ensure text is a light, contrasting color (e.g., white or a very light beige).
Test readability of all text sizes, especially for small print or captions, within this muted palette.

Recommended combinations

Aged Parchment

Creates a classic document aesthetic, perfect for text-heavy layouts or historical themes.

#D2B48C · #704214 · #A0522D

Rustic Warmth

Evokes a cozy, inviting feel, suitable for branding or elements needing warmth and depth.

#A0522D · #BC8F8F · #8B4513

Deep Sepia

A strong vintage aesthetic, ideal for impactful headers or graphic elements with a grounded feel.

#704214 · #8B4513 · #D2B48C

CSS variables

:root {
  --vintage-tea-stain-2-1: #D2B48C;
  --vintage-tea-stain-2-2: #BC8F8F;
  --vintage-tea-stain-2-3: #A0522D;
  --vintage-tea-stain-2-4: #8B4513;
  --vintage-tea-stain-2-5: #704214;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-tea-stain-2": {
        1: "#D2B48C",
        2: "#BC8F8F",
        3: "#A0522D",
        4: "#8B4513",
        5: "#704214",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#BC8F8F

Color 3#A0522D

Color 4#8B4513

Color 5#704214

Accessibility

Contrast checker

1.4:1Fail

2.8:1Fail

3.6:1AA18

4.3:1AA18

1.4:1Fail

2:1Fail

2.5:1Fail

3:1AA18

2.8:1Fail

2:1Fail

1.3:1Fail

1.5:1Fail

3.6:1AA18

2.5:1Fail

1.3:1Fail

1.2:1Fail

4.3:1AA18

3:1AA18

1.5:1Fail

1.2:1Fail

Similar palettes

More like Vintage Tea Stain

View all neutral

Aged Library Bound

Aged Tome Parchment

Aged Parchment Script

Aged Parchment Wisdom

Ancient Papyrus Scroll

Ancient Scroll Fragments