Back to palettes

Palette

Faded Botanical Print

Soft, muted greens and airy tones evoke the delicate charm of antique botanical illustrations.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Botanical Print 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 Botanical Print.

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

Data visualization

#5F6B5C#8F9E8E#BFCEBC#DFECEE#B4BFB8

Palette guide

How to use Faded Botanical Print

Overview

The "Faded Botanical Print" palette captures the delicate charm of antique botanical illustrations with its soft, muted greens and airy tones. This serene collection includes a deep sage green (#5F6B5C), a mid-tone sage (#8F9E8E), a light sage (#BFCEBC), a very light aqua-green (#DFECEE), and a soft grey-green (#B4BFB8). It's an ideal choice for designers and developers aiming to create calm, sophisticated, and nature-inspired aesthetics. The palette's gentle, faded quality lends itself beautifully to designs that require an organic feel, promoting tranquility and a timeless elegance, perfect for branding, editorial, or digital interfaces.

Best used for

  • Eco-friendly product packaging
  • Nature-themed website designs
  • Botanical garden branding
  • Spa or wellness center branding
  • Interior design for tranquil spaces
  • Scientific illustration or educational content

Suggested color roles

primary

#DFECEE (Very Light Aqua-Green) - An excellent, airy background color, offering a fresh, clean canvas that enhances readability and the natural feel of the palette.

secondary

#8F9E8E (Mid-Tone Sage Green) - Perfect for headings, sub-sections, or larger graphical elements, providing a gentle contrast and organic depth.

accent

#5F6B5C (Deep Sage Green) - Use for buttons, important links, or subtle decorative details to add definition and a touch of grounded sophistication.

background

#DFECEE (Very Light Aqua-Green) - Creates a luminous and calming base, allowing text and other elements to stand out with soft clarity.

text

#5F6B5C (Deep Sage Green) provides excellent contrast for headlines and short text on #DFECEE. For body text, a dark charcoal or black is recommended for optimal readability.

Accessibility notes

  • #5F6B5C offers good contrast for text on #DFECEE; ensure it passes WCAG AA for normal text.
  • #8F9E8E and #B4BFB8 may be suitable for larger text on #DFECEE, but always verify contrast ratios for readability.
  • Avoid using #BFCEBC directly on #DFECEE for critical information due to very low contrast.
  • For interactive elements, ensure hover states maintain sufficient contrast for accessibility.

Recommended combinations

Calm Foundation

Use #DFECEE as a clean background with #5F6B5C for headings and #8F9E8E for secondary text or accents.

#DFECEE · #5F6B5C · #8F9E8E

Soft Greens

Ideal for layered graphics, illustrations, or subtle UI elements requiring a harmonious, understated look.

#BFCEBC · #B4BFB8 · #8F9E8E

Deepened Nature

Apply #DFECEE for canvas, #5F6B5C for strong accents, and #B4BFB8 for supportive elements or borders.

#DFECEE · #5F6B5C · #B4BFB8

CSS variables

:root {
  --faded-botanical-print-1: #5F6B5C;
  --faded-botanical-print-2: #8F9E8E;
  --faded-botanical-print-3: #BFCEBC;
  --faded-botanical-print-4: #DFECEE;
  --faded-botanical-print-5: #B4BFB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-botanical-print": {
        1: "#5F6B5C",
        2: "#8F9E8E",
        3: "#BFCEBC",
        4: "#DFECEE",
        5: "#B4BFB8",
      }
    }
  }
}

Related searches

botanical color schememuted green palettecalm nature colorsvintage illustration huessoft green branding

Palette colors

Hex values

Color 1#5F6B5C
·
Color 2#8F9E8E
·
Color 3#BFCEBC
·
Color 4#DFECEE
·
Color 5#B4BFB8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
4.6:1AA
3:1Fail
2
2:1Fail
1.7:1Fail
2.3:1Fail
1.5:1Fail
3
3.4:1AA18
1.7:1Fail
1.4:1Fail
1.2:1Fail
4
4.6:1AA
2.3:1Fail
1.4:1Fail
1.6:1Fail
5
3:1Fail
1.5:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Faded Botanical Print

View all pastel