Back to palettes

Palette

Retro Tea Leaf

A tranquil blend of greens and muted golds, evoking a serene and aged tea garden from a bygone era.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Tea Leaf 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 Retro Tea Leaf.

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

Data visualization

#556B2F#8FBC8F#BDB76B#DAA520#CD853F

Palette guide

How to use Retro Tea Leaf

Overview

The Retro Tea Leaf palette offers a tranquil and sophisticated blend of greens and muted golds, evoking the serene and aged beauty of a bygone tea garden. With a deep olive green '#556B2F', a soft sea green '#8FBC8F', and a warm olive drab '#BDB76B', this palette establishes an earthy, vintage foundation. The rich goldenrod '#DAA520' and rustic peru '#CD853F' add touches of warm, sun-kissed charm. This collection is perfect for designers and developers aiming to create brand identities, digital interfaces, or print materials that convey a sense of heritage, natural elegance, and timeless, understated appeal, resonating with a calm, retro mood.

Best used for

  • Branding for organic food products or artisanal tea companies
  • Website and app interfaces for eco-friendly or sustainable businesses
  • Packaging design for natural beauty products or handmade crafts
  • Interior design themes for cozy cafes or vintage-inspired spaces
  • Print materials for historical societies or cultural heritage sites
  • Digital illustrations and art with a rustic, botanical, or vintage feel

Suggested color roles

primary

Use '#556B2F' as a deep, grounding primary color for backgrounds or main structural elements, providing a rich, natural foundation.

secondary

Employ '#8FBC8F' or '#BDB76B' for supporting elements, subheadings, or as a lighter, airy background to contrast with the deep green.

accent

Leverage '#DAA520' and '#CD853F' for warm accents, calls-to-action, or highlights to add a touch of vintage elegance and warmth.

background

A gentle '#8FBC8F' or '#BDB76B' provides a soft, inviting background. For deeper mood, '#556B2F' works well, especially with lighter text.

text

Dark text like charcoal or deep brown works beautifully on '#8FBC8F' or '#BDB76B'. For darker backgrounds like '#556B2F', use a light cream or off-white for readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using '#DAA520' or '#CD853F' on '#BDB76B' or '#8FBC8F'.
  • Pair dark text (e.g., a rich brown or dark green) with '#8FBC8F' or '#BDB76B' for optimal readability.
  • Avoid using '#CD853F' directly on '#DAA520' for small text due to low contrast.
  • Test color combinations with accessibility tools to meet WCAG guidelines, particularly for body text on backgrounds.

Recommended combinations

Garden Path

Creates a lush, natural gradient. '#556B2F' for depth, '#8FBC8F' for mid-tones, and '#BDB76B' for highlights, perfect for botanical themes.

#556B2F · #8FBC8F · #BDB76B

Aged Brass

Highlights the warm, metallic accents. '#DAA520' and '#CD853F' for decorative elements, grounded by the deep '#556B2F'.

#DAA520 · #CD853F · #556B2F

Vintage Brew

A warm, inviting combination for cozy designs. '#BDB76B' as a base, with '#CD853F' for warmth and '#8FBC8F' for a fresh accent.

#BDB76B · #CD853F · #8FBC8F

CSS variables

:root {
  --retro-tea-leaf-1: #556B2F;
  --retro-tea-leaf-2: #8FBC8F;
  --retro-tea-leaf-3: #BDB76B;
  --retro-tea-leaf-4: #DAA520;
  --retro-tea-leaf-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-tea-leaf": {
        1: "#556B2F",
        2: "#8FBC8F",
        3: "#BDB76B",
        4: "#DAA520",
        5: "#CD853F",
      }
    }
  }
}

Related searches

vintage green gold paletteearthy retro colorstea garden aestheticmuted natural paletteheritage brand colors

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8FBC8F
·
Color 3#BDB76B
·
Color 4#DAA520
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2.9:1Fail
2.7:1Fail
2:1Fail
2
2.8:1Fail
1:1Fail
1:1Fail
1.4:1Fail
3
2.9:1Fail
1:1Fail
1.1:1Fail
1.4:1Fail
4
2.7:1Fail
1:1Fail
1.1:1Fail
1.3:1Fail
5
2:1Fail
1.4:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Retro Tea Leaf

View all earth
Aged Copper Patina
Aged Copper Patina
Aged Leather Charm
Ancient Gold
Ancient Map Parchment
Antique Maps Patina