Back to palettes

Palette

Herbal Tea Steam

Inspired by the comforting steam and natural tones of a soothing cup of herbal tea.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A1C181#E3F1D1#6C935C#C4E0A8#88B170

Palette guide

How to use Herbal Tea Steam

Overview

The Herbal Tea Steam palette radiates a comforting and fresh tranquility, inspired by the soothing warmth and natural essence of a cup of herbal tea. It features a range of gentle, inviting greens, from the vibrant yet soft #A1C181 and #88B170 to the deeper, grounding #6C935C. The lighter hues, #C4E0A8 and the airy #E3F1D1, evoke the delicate steam and freshness. This palette is ideal for designers and developers seeking to create a sense of calm, natural purity, and warmth. Its harmonious balance of light and medium greens makes it versatile for applications requiring a gentle, wholesome, and approachable aesthetic, promoting a serene user experience.

Best used for

  • Herbal product packaging and branding
  • Wellness and self-care websites/apps
  • Natural food and beverage marketing
  • Home goods and textile design
  • Children's books with nature themes
  • Spa and aromatherapy product lines

Suggested color roles

primary

#6C935C – A grounded, comforting green suitable for main branding, headers, and important calls to action.

secondary

#88B170 – A balanced, inviting green for subheadings, navigation, and supporting graphic elements.

accent

#A1C181 – A fresh, lively green perfect for interactive elements, highlights, or to add a touch of natural energy.

background

#E3F1D1 – A very light, almost creamy green that provides a clean, breathable, and warm canvas.

text

#6C935C – Offers excellent contrast and readability when used for body text on the light #E3F1D1 background.

Accessibility notes

  • Ensure #6C935C text on #E3F1D1 or #C4E0A8 backgrounds meets WCAG AA contrast standards.
  • Check contrast ratios for #A1C181 when used for links or buttons against #E3F1D1 to ensure usability.
  • Avoid using #E3F1D1 or #C4E0A8 for small text due to their low contrast, reserving them for backgrounds.
  • For optimal readability on digital interfaces, consider a slightly darker charcoal for extensive body text if #6C935C feels too light.

Recommended combinations

Warm & Grounded

Strong, readable text on a light, warm background with a fresh, inviting accent.

#6C935C · #E3F1D1 · #A1C181

Steam & Freshness

Creates a soft, misty background effect with a gentle, natural mid-tone for subtle elements.

#C4E0A8 · #E3F1D1 · #88B170

Lively Harmony

Vibrant green as a primary, supported by deeper tones for balance and depth in graphic design.

#A1C181 · #6C935C · #88B170

CSS variables

:root {
  --herbal-tea-steam-1: #A1C181;
  --herbal-tea-steam-2: #E3F1D1;
  --herbal-tea-steam-3: #6C935C;
  --herbal-tea-steam-4: #C4E0A8;
  --herbal-tea-steam-5: #88B170;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbal-tea-steam": {
        1: "#A1C181",
        2: "#E3F1D1",
        3: "#6C935C",
        4: "#C4E0A8",
        5: "#88B170",
      }
    }
  }
}

Related searches

herbal tea colorscalm fresh green palettenatural wellness designcomforting organic schemelight green branding

Palette colors

Hex values

Color 1#A1C181
·
Color 2#E3F1D1
·
Color 3#6C935C
·
Color 4#C4E0A8
·
Color 5#88B170
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
2
1.7:1Fail
3:1Fail
1.2:1Fail
2.1:1Fail
3
1.8:1Fail
3:1Fail
2.4:1Fail
1.4:1Fail
4
1.4:1Fail
1.2:1Fail
2.4:1Fail
1.7:1Fail
5
1.2:1Fail
2.1:1Fail
1.4:1Fail
1.7:1Fail

Similar palettes

More like Herbal Tea Steam

View all earth
Whispering Willow Grove
Bamboo Grove Mist
Dune Seagrass Drift
Enchanted Garden Gate
Forest Whisper Green
Garden Gate Ivy