Back to palettes

Palette

Herbal Tea Garden

Soft, muted greens and earthy tones evoke the peaceful tranquility and fragrant herbs of a sunlit garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Herbal Tea Garden 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 Herbal Tea Garden.

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

Data visualization

#6E8C5A#9CAF8E#D9E0CC#526B4A#3B4A2E

Palette guide

How to use Herbal Tea Garden

Overview

The Herbal Tea Garden palette offers a deeply calming and natural aesthetic, inspired by the tranquil beauty of a sunlit herb garden. It features a harmonious blend of muted greens, anchored by the rich, grounding #3B4A2E and the sophisticated #526B4A. Mid-tones like #6E8C5A and #9CAF8E provide a soft, organic feel, while #D9E0CC offers a very light, almost creamy background. This palette is ideal for designers and developers seeking to convey a sense of peace, authenticity, and natural elegance. Its subtle variations in green create an inviting atmosphere, perfect for projects that require a serene yet refined touch, ensuring a calming user experience.

Best used for

  • Herbal tea brands and packaging
  • Mindfulness and meditation apps
  • Sustainable living blogs and content
  • Eco-friendly home decor branding
  • Artisan pottery and handmade goods
  • Yoga studio websites

Suggested color roles

primary

#3B4A2E – A deep, rich green ideal for main branding, strong headers, and foundational design elements.

secondary

#526B4A – A sophisticated, muted green suitable for subheadings, navigation, and supporting graphics.

accent

#6E8C5A – A softer, approachable green for subtle calls to action, highlights, or decorative flourishes.

background

#D9E0CC – A very light, creamy green that provides a serene, airy backdrop for content.

text

#3B4A2E – Ensures excellent contrast and readability when used for body text on the light #D9E0CC background.

Accessibility notes

  • Ensure #3B4A2E text on #D9E0CC background meets WCAG AAA contrast for optimal readability.
  • Check contrast for #526B4A when used for interactive elements against #D9E0CC to guarantee accessibility.
  • Avoid using #9CAF8E or #6E8C5A for small text on the lightest background, as contrast may be insufficient.
  • Always test text-color combinations across various font sizes and weights to ensure consistent legibility.

Recommended combinations

Deep Serenity

Strong, readable text on a calming light background with a gentle, organic accent.

#3B4A2E · #D9E0CC · #6E8C5A

Earthy Harmony

Creates a sophisticated, layered look for sections or elements, grounded by the darkest green.

#526B4A · #9CAF8E · #3B4A2E

Soft Contrast

A softer approach for less prominent elements, maintaining a natural, muted feel.

#6E8C5A · #D9E0CC · #526B4A

CSS variables

:root {
  --herbal-tea-garden-1: #6E8C5A;
  --herbal-tea-garden-2: #9CAF8E;
  --herbal-tea-garden-3: #D9E0CC;
  --herbal-tea-garden-4: #526B4A;
  --herbal-tea-garden-5: #3B4A2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbal-tea-garden": {
        1: "#6E8C5A",
        2: "#9CAF8E",
        3: "#D9E0CC",
        4: "#526B4A",
        5: "#3B4A2E",
      }
    }
  }
}

Related searches

herbal tea color schemecalming green palettenatural earthy tonesmindfulness design colorsorganic elegance branding

Palette colors

Hex values

Color 1#6E8C5A
·
Color 2#9CAF8E
·
Color 3#D9E0CC
·
Color 4#526B4A
·
Color 5#3B4A2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
1.6:1Fail
2.5:1Fail
2
1.6:1Fail
1.7:1Fail
2.5:1Fail
4.1:1AA18
3
2.8:1Fail
1.7:1Fail
4.3:1AA18
7:1AAA
4
1.6:1Fail
2.5:1Fail
4.3:1AA18
1.6:1Fail
5
2.5:1Fail
4.1:1AA18
7:1AAA
1.6:1Fail

Similar palettes

More like Herbal Tea Garden

View all earth
Herb Garden Bloom
Herbal Kitchen Garden
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Earthy Herb Garden