Back to palettes

Palette

Vintage Tea Stain

Subtle, comforting tones reminiscent of delicate tea stains on aged lace and warm ceramic.

neutralcalm5 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

#F8F3EB#DDCABF#BBA394#9A7B6B#7C5F4D

Palette guide

How to use Vintage Tea Stain

Overview

The Vintage Tea Stain palette offers subtle, comforting tones reminiscent of delicate tea stains on aged lace and warm ceramic. It features a near-white cream, `#F8F3EB`, a soft light beige, `#DDCABF`, and a medium beige, `#BBA394`. Deeper shades like a warm taupe brown, `#9A7B6B`, and a rich dark brown, `#7C5F4D`, provide grounding depth. This palette is excellent for designers and developers seeking to create calm, minimalist, and inviting digital or print experiences with a touch of timeless warmth and heritage.

Best used for

  • Cozy cafe or bakery branding
  • Heritage craft websites and product packaging
  • Soft photography backdrops and filters
  • Minimalist web design with a warm touch
  • Natural beauty product marketing
  • Vintage-inspired stationery and journaling apps

Suggested color roles

primary

Use `#9A7B6B` as a warm, grounding primary for headings or key content sections, offering gentle emphasis.

secondary

Apply `#DDCABF` for soft, inviting complementary sections, backgrounds, or subtle UI elements.

accent

Incorporate `#BBA394` for subtle depth, decorative details, or to add a hint of aged character.

background

Utilize `#F8F3EB` as a clean, warm background base, providing an airy and comforting canvas.

text

Employ `#7C5F4D` for highly readable body text, or `#9A7B6B` for secondary text or captions, ensuring clarity.

Accessibility notes

  • Ensure `#7C5F4D` and `#9A7B6B` provide sufficient contrast against lighter backgrounds like `#F8F3EB` for readability.
  • Avoid using `#DDCABF` or `#BBA394` as primary text colors on light backgrounds due to low contrast potential.
  • When using darker browns as backgrounds, ensure text is a light, contrasting color (e.g., white or `#F8F3EB`).
  • Test all text sizes, especially for small print, to guarantee legibility within this soft palette.

Recommended combinations

Soft Parchment

Creates a clean, highly readable, and warm aesthetic, perfect for main content areas or book layouts.

#F8F3EB · #7C5F4D · #9A7B6B

Muted Comfort

Offers a gentle and harmonious feel, suitable for backgrounds, sub-sections, or serene imagery.

#DDCABF · #BBA394 · #7C5F4D

Deepened Warmth

Provides stronger contrast while maintaining warmth, ideal for impactful headings or call-out sections.

#9A7B6B · #7C5F4D · #F8F3EB

CSS variables

:root {
  --vintage-tea-stain-1: #F8F3EB;
  --vintage-tea-stain-2: #DDCABF;
  --vintage-tea-stain-3: #BBA394;
  --vintage-tea-stain-4: #9A7B6B;
  --vintage-tea-stain-5: #7C5F4D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-tea-stain": {
        1: "#F8F3EB",
        2: "#DDCABF",
        3: "#BBA394",
        4: "#9A7B6B",
        5: "#7C5F4D",
      }
    }
  }
}

Related searches

warm neutral palettesubtle vintage colorsaged lace aestheticcozy earth tonesminimalist brown scheme

Palette colors

Hex values

Color 1#F8F3EB
·
Color 2#DDCABF
·
Color 3#BBA394
·
Color 4#9A7B6B
·
Color 5#7C5F4D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.5:1AA18
5.3:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.7:1AA18
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.5:1AA18
2.4:1Fail
1.6:1Fail
1.5:1Fail
5
5.3:1AA
3.7:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Vintage Tea Stain

View all neutral
Aged Papyrus Scrolls
Aged Parchment Pages
Ancient Tome Patina
Antique Papyrus Scroll
Coffee Bean Roast
Coffee Break