Palette

Faded Herbarium Sheet

Soft, aged tones reminiscent of pressed flowers and old botanical illustrations.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Herbarium Sheet 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 Faded Herbarium Sheet.

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

Data visualization

#B5C4B1#D2C0C0#F0E6D8#C4A5A5#8E8478

Palette guide

How to use Faded Herbarium Sheet

Overview

The 'Faded Herbarium Sheet' palette is a beautifully muted collection that evokes the serene charm of pressed botanicals and aged paper. It features the soft, dusty green #B5C4B1, a gentle, desaturated rose #D2C0C0, and a warm, creamy off-white #F0E6D8. These are complemented by the understated pinkish-brown #C4A5A5 and grounded by the earthy, muted brown #8E8478. This palette offers designers a sophisticated, tranquil foundation for creating designs with a natural, vintage, or minimalist aesthetic. Developers will find these harmonious colors excellent for building calm and inviting user interfaces that feel organic and timeless.

Best used for

Botanical art and nature-themed branding
Vintage-inspired stationery and print materials
Eco-friendly product packaging and e-commerce
Wellness and mindfulness-focused mobile apps
Editorial design for natural history or craft magazines
UI/UX that emphasizes calm, natural, and understated elegance

Suggested color roles

primary

Use #8E8478 for strong headings, navigation, or foundational elements, providing a grounded, earthy anchor.

secondary

Apply #B5C4B1 for subheadings, secondary calls-to-action, or significant content blocks, offering a soothing, natural contrast.

accent

Incorporate #C4A5A5 for subtle highlights, decorative elements, or interactive components, adding a touch of faded warmth.

background

Utilize #F0E6D8 as a soft, creamy off-white backdrop, ensuring excellent readability and an clean, airy feel.

text

Employ #8E8478 for primary body text on light backgrounds like #F0E6D8, ensuring optimal legibility. A dark charcoal can also be used for general text.

Accessibility notes

#8E8478 text on #F0E6D8 background provides good contrast for readability.
#B5C4B1, #D2C0C0, and #C4A5A5 have low contrast against #F0E6D8; avoid for small text.
Ensure interactive elements use sufficient visual cues beyond color, such as underlines or icons.
For larger text or headings, #B5C4B1 on #F0E6D8 can work for a soft, natural look.

Recommended combinations

Earthy Calm

Creates a grounded, natural aesthetic, perfect for organic brands or eco-conscious designs.

#8E8478 · #B5C4B1 · #F0E6D8

Faded Romance

Offers a soft, vintage-inspired look, ideal for delicate stationery or nostalgic themes.

#D2C0C0 · #C4A5A5 · #F0E6D8

Botanical Depth

Provides a rich, layered combination for backgrounds or elements requiring subtle depth and texture.

#8E8478 · #B5C4B1 · #C4A5A5

CSS variables

:root {
  --faded-herbarium-sheet-1: #B5C4B1;
  --faded-herbarium-sheet-2: #D2C0C0;
  --faded-herbarium-sheet-3: #F0E6D8;
  --faded-herbarium-sheet-4: #C4A5A5;
  --faded-herbarium-sheet-5: #8E8478;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-herbarium-sheet": {
        1: "#B5C4B1",
        2: "#D2C0C0",
        3: "#F0E6D8",
        4: "#C4A5A5",
        5: "#8E8478",
      }
    }
  }
}

Hex values

Color 1#B5C4B1

Color 2#D2C0C0

Color 3#F0E6D8

Color 4#C4A5A5

Color 5#8E8478

Accessibility

Contrast checker

1:1Fail

1.5:1Fail

1.2:1Fail

2:1Fail

1:1Fail

1.4:1Fail

1.3:1Fail

2.1:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

3:1Fail

1.2:1Fail

1.3:1Fail

1.8:1Fail

1.6:1Fail

2:1Fail

2.1:1Fail

3:1Fail

1.6:1Fail

Similar palettes

More like Faded Herbarium Sheet

View all pastel

Faded Botanical Print