Palette

Vintage Botanical Study

Soft, aged greens and creams evoke a sense of preserved nature from an antique botanical collection.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Botanical Study 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 Botanical Study.

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

Data visualization

#D3B88C#B5B083#8D9F6F#6A7C5F#485942

Palette guide

How to use Vintage Botanical Study

Overview

The Vintage Botanical Study palette offers soft, aged greens and creams that evoke a sense of preserved nature from an antique botanical collection. This collection features a warm, faded cream #D3B88C, a muted olive #B5B083, a gentle sage green #8D9F6F, a deeper forest green #6A7C5F, and a rich, dark moss #485942. It's ideal for designs that seek to convey natural beauty, historical depth, and a calm, earthy elegance. Designers can use these harmonious tones to create sophisticated and grounding visual experiences across various platforms.

Best used for

Natural history publications
Eco-friendly lifestyle brands
Garden design portfolios
Organic food packaging
Museum gift shop merchandise
Educational nature apps

Suggested color roles

primary

#485942 (Dark Moss). Best for strong headings, primary navigation, or as a grounding dark element in nature-inspired designs.

secondary

#6A7C5F (Forest Green). Use for subheadings, important textual information, or as a complementary background for distinct sections.

accent

#8D9F6F (Gentle Sage). Employ this soft green for subtle highlights, interactive elements, or to introduce a delicate pop of natural color.

background

#D3B88C (Faded Cream). An excellent choice for main content areas, providing a warm, aged, and inviting canvas.

text

Use #485942 or #6A7C5F for body text on #D3B88C to ensure optimal readability and a sophisticated, earthy appearance.

Accessibility notes

Ensure #485942 text on #D3B88C background meets WCAG AA contrast for clear legibility.
Be cautious when using #B5B083 for small text on #D3B88C; contrast might be insufficient.
Avoid pairing #D3B88C text directly with #B5B083 as their low contrast will hinder readability.
Lighter shades like #D3B88C are best used for backgrounds or large decorative elements, not small body text.

Recommended combinations

Preserved Nature

Provides a strong dark-on-light contrast with a soft accent, perfect for editorial layouts or elegant branding.

#485942 · #D3B88C · #8D9F6F

Forest Layers

Creates a harmonious gradient of natural greens and creams, suitable for layered backgrounds or subtle UI elements.

#6A7C5F · #B5B083 · #D3B88C

Earthy Highlight

Highlights a mid-tone green against a deep dark and light background, great for feature boxes or distinct content panels.

#8D9F6F · #485942 · #D3B88C

CSS variables

:root {
  --vintage-botanical-study-1: #D3B88C;
  --vintage-botanical-study-2: #B5B083;
  --vintage-botanical-study-3: #8D9F6F;
  --vintage-botanical-study-4: #6A7C5F;
  --vintage-botanical-study-5: #485942;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-botanical-study": {
        1: "#D3B88C",
        2: "#B5B083",
        3: "#8D9F6F",
        4: "#6A7C5F",
        5: "#485942",
      }
    }
  }
}

Hex values

Color 1#D3B88C

Color 2#B5B083

Color 3#8D9F6F

Color 4#6A7C5F

Color 5#485942

Accessibility

Contrast checker

1.2:1Fail

1.5:1Fail

2.4:1Fail

4:1AA18

1.2:1Fail

1.3:1Fail

2:1Fail

3.4:1AA18

1.5:1Fail

1.3:1Fail

1.6:1Fail

2.6:1Fail

2.4:1Fail

2:1Fail

1.6:1Fail

1.7:1Fail

4:1AA18

3.4:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Vintage Botanical Study

View all earth

Antique Sage Study

Desert Succulent Hues

Oasis Garden Oasis

Pressed Flora Memory

Whispering Sage Brush

Agave Bloom Dawn