Palette

Aged Herbarium Scroll

Evokes the quiet charm of dried botanicals preserved in an antique, well-loved herbarium.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Herbarium Scroll 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 Aged Herbarium Scroll.

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

Data visualization

#8FBC8F#F5F5DC#5A3C2F#DAA520#FDFDFD

Palette guide

How to use Aged Herbarium Scroll

Overview

The Aged Herbarium Scroll palette evokes the quiet charm of dried botanicals preserved in an antique, well-loved herbarium. Blending the soft sage of #8FBC8F, the creamy parchment of #F5F5DC, and the deep earthiness of #5A3C2F, with a touch of golden #DAA520, this palette is perfect for designs seeking a vintage, natural, or serene aesthetic. Designers can leverage these muted, organic hues to create a sense of calm, history, and delicate beauty. The inclusion of #FDFDFD offers a clean, bright contrast, making this palette versatile for branding, web interfaces, and print materials that aim for a timeless, gentle appeal.

Best used for

Botanical art and illustration
Eco-conscious brand identities
Vintage stationery designs
Natural beauty product packaging
Historical garden websites
Craft and hobby blogs

Suggested color roles

primary

Use #8FBC8F as a dominant soft green for backgrounds or large content areas, providing a calming, natural base.

secondary

Employ #5A3C2F for headers, navigation, or important sections, offering a deep, grounding contrast.

accent

Apply #DAA520 as a subtle golden accent for highlights or key interactive elements, mimicking dried flowers.

background

Utilize #F5F5DC as a light, creamy parchment background, ensuring excellent readability and a vintage feel.

text

For body text, the deep #5A3C2F provides excellent contrast against #F5F5DC. For headlines, #8FBC8F can offer a soft, natural feel on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast for #5A3C2F text against #F5F5DC or #FDFDFD backgrounds for readability.
Avoid using #DAA520 or #8FBC8F for small body text on light backgrounds; reserve them for accents or larger type.
Test color pairings for interactive elements to guarantee they meet WCAG contrast requirements.
Consider using a pure black or very dark brown for body copy on very light backgrounds for optimal readability.

Recommended combinations

Natural Scroll

Ideal for text-heavy layouts, mimicking aged paper with legible dark text and a natural accent.

#F5F5DC · #5A3C2F · #8FBC8F

Golden Bloom

Highlights a delicate golden accent against a clean background and a deep anchor, perfect for calls-to-action.

#DAA520 · #FDFDFD · #5A3C2F

Muted Garden

Creates a soft, harmonious blend of greens and creams with a golden touch, suitable for gentle branding.

#8FBC8F · #F5F5DC · #DAA520

CSS variables

:root {
  --aged-herbarium-scroll-1: #8FBC8F;
  --aged-herbarium-scroll-2: #F5F5DC;
  --aged-herbarium-scroll-3: #5A3C2F;
  --aged-herbarium-scroll-4: #DAA520;
  --aged-herbarium-scroll-5: #FDFDFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-herbarium-scroll": {
        1: "#8FBC8F",
        2: "#F5F5DC",
        3: "#5A3C2F",
        4: "#DAA520",
        5: "#FDFDFD",
      }
    }
  }
}

Hex values

Color 1#8FBC8F

Color 2#F5F5DC

Color 3#5A3C2F

Color 4#DAA520

Color 5#FDFDFD

Accessibility

Contrast checker

1.9:1Fail

4.6:1AA

1:1Fail

2.1:1Fail

1.9:1Fail

8.9:1AAA

2:1Fail

1.1:1Fail

4.6:1AA

8.9:1AAA

4.4:1AA18

9.7:1AAA

1:1Fail

2:1Fail

4.4:1AA18

2.2:1Fail

2.1:1Fail

1.1:1Fail

9.7:1AAA

2.2:1Fail

Similar palettes

More like Aged Herbarium Scroll

View all neutral

Aged Photo Album

Aged Photoprint Tone

Explorer's Dusty Tome

Aged Leather Patina

Aged Papyrus Script

Aged Papyrus Texture