Back to palettes

Palette

Botanical Bloom Line

Soft and natural tones reminiscent of delicate botanical illustrations on aged paper.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Bloom Line 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 Botanical Bloom Line.

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

Data visualization

#8A9A5B#6B8E23#B8D4B0#D9E4DD#545454

Palette guide

How to use Botanical Bloom Line

Overview

The Botanical Bloom Line palette offers soft and natural tones, reminiscent of delicate botanical illustrations on aged paper. This organic collection features a muted olive green #8A9A5B, a rich olive green #6B8E23, a light sage green #B8D4B0, a creamy off-white #D9E4DD, and a deep charcoal gray #545454. Designers can leverage these colors to create projects with an organic, subtle, and sophisticated feel. Developers will find these hues provide a harmonious and calming user experience, ideal for websites or applications aiming for a minimalist, handcrafted aesthetic with a touch of natural tranquility, reminiscent of vintage scientific drawings and pressed flowers.

Best used for

  • Botanical illustration portfolios
  • Sustainable and eco-friendly brand identity
  • Natural history museum websites
  • Organic product packaging
  • Academic or educational platforms with a natural theme
  • Lifestyle blogs focused on slow living or nature

Suggested color roles

primary

#6B8E23 - A rich olive green that grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#8A9A5B - A muted olive green that offers a harmonious complement, suitable for subheadings, secondary content blocks, or borders.

accent

#B8D4B0 - A light sage green that provides a subtle accent, best used sparingly for highlights, icons, or decorative details.

background

#D9E4DD - A creamy off-white that creates an airy, clean canvas, allowing the greens to emerge peacefully.

text

Use a deep charcoal gray like #545454 or a dark green like #6B8E23 for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #6B8E23 or #545454 for text against #B8D4B0 or #D9E4DD.
  • Avoid pairing #B8D4B0 and #D9E4DD for text and background, as their low contrast will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • For small text, prioritize higher contrast pairings to ensure legibility, especially with the lighter green tones.

Recommended combinations

Botanical Sketch

Creates a natural, illustrative feel, ideal for main content areas or brand storytelling.

#6B8E23 · #8A9A5B · #D9E4DD

Aged Paper

Offers a light and airy feel with a strong, grounding text color, perfect for backgrounds and readability.

#D9E4DD · #B8D4B0 · #545454

Organic Outline

Provides clear definition with natural green accents, suitable for minimalist interfaces or graphic elements.

#545454 · #6B8E23 · #B8D4B0

CSS variables

:root {
  --botanical-bloom-line-1: #8A9A5B;
  --botanical-bloom-line-2: #6B8E23;
  --botanical-bloom-line-3: #B8D4B0;
  --botanical-bloom-line-4: #D9E4DD;
  --botanical-bloom-line-5: #545454;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-bloom-line": {
        1: "#8A9A5B",
        2: "#6B8E23",
        3: "#B8D4B0",
        4: "#D9E4DD",
        5: "#545454",
      }
    }
  }
}

Related searches

botanical muted greennatural line art colorsorganic sage palettevintage illustration schemesubtle earthy design

Palette colors

Hex values

Color 1#8A9A5B
·
Color 2#6B8E23
·
Color 3#B8D4B0
·
Color 4#D9E4DD
·
Color 5#545454
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
2.3:1Fail
2.5:1Fail
2
1.2:1Fail
2.4:1Fail
2.9:1Fail
2:1Fail
3
1.9:1Fail
2.4:1Fail
1.2:1Fail
4.7:1AA
4
2.3:1Fail
2.9:1Fail
1.2:1Fail
5.8:1AA
5
2.5:1Fail
2:1Fail
4.7:1AA
5.8:1AA

Similar palettes

More like Botanical Bloom Line

View all earth
Botanical Sketch
Botanical Leaf Veins
Botanical Sketchbook
Botanical Study Greens
Dusky Woodland Trail
Enchanted Forest Lumina