Back to palettes

Palette

Eucalyptus Haze

The serene, misty greens of a eucalyptus forest, peaceful and refreshing.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Eucalyptus Haze 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 Eucalyptus Haze.

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

Data visualization

#82A9A7#A1C6B7#C6DCD7#E4EBEA#6C8B8A

Palette guide

How to use Eucalyptus Haze

Overview

The Eucalyptus Haze palette beautifully captures the serene, misty greens of a tranquil eucalyptus forest, offering a refreshing and calming visual experience. This collection features a harmonious blend of muted greens, from the deep and grounding #6C8B8A to the airy, almost-white #E4EBEA. Mid-tones like #82A9A7, #A1C6B7, and #C6DCD7 provide a smooth, natural progression, perfect for creating depth and softness. Designers seeking to evoke a sense of peace, nature, and understated elegance will find this palette highly versatile. It's ideal for eco-friendly branding, health and wellness applications, or digital interfaces that require a clean, organic, and soothing aesthetic. Developers can leverage these hex codes for subtle gradients, harmonious UI elements, and legible typography.

Best used for

  • Health and wellness brand identity
  • Organic food and beverage packaging
  • Nature-themed educational content
  • Sustainable living blogs and websites
  • Spa and relaxation app interfaces
  • Minimalist home decor product design

Suggested color roles

primary

A deep, calming eucalyptus green, #6C8B8A, excellent for main headings, call-to-action buttons, or key brand elements, conveying stability and nature.

secondary

A slightly lighter, muted green, #82A9A7, suitable for subheadings, secondary buttons, or supporting graphical elements, creating harmony.

accent

A fresh, soft green, #A1C6B7, perfect for subtle highlights, hover states, or small interactive elements, adding a gentle pop.

background

A very light, almost white, with a cool green undertone, #E4EBEA, providing a clean, airy canvas that enhances readability.

text

A deep, dark teal-grey like #3A4F4E is recommended for body text on lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #A1C6B7 or #C6DCD7 as text on #E4EBEA; they are very close in value.
  • The darkest color, #6C8B8A, provides excellent contrast against #E4EBEA for text.
  • Always use a dark, contrasting color (e.g., black or dark teal-grey) for body text against any of the lighter palette backgrounds.
  • Verify contrast ratios for interactive elements, especially if using lighter tones for icons or labels.

Recommended combinations

Misty Forest

Ideal for creating gradients or layered elements that evoke depth and a tranquil, natural progression.

#6C8B8A · #82A9A7 · #A1C6B7

Haze & Light

Excellent for clean, minimalist layouts where the lightest color forms the base and mid-tones provide subtle definition.

#E4EBEA · #C6DCD7 · #82A9A7

Eucalyptus Bloom

Perfect for soft patterns, background textures, or delicate branding elements that need a gentle, refreshing feel.

#A1C6B7 · #C6DCD7 · #E4EBEA

CSS variables

:root {
  --eucalyptus-haze-1: #82A9A7;
  --eucalyptus-haze-2: #A1C6B7;
  --eucalyptus-haze-3: #C6DCD7;
  --eucalyptus-haze-4: #E4EBEA;
  --eucalyptus-haze-5: #6C8B8A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "eucalyptus-haze": {
        1: "#82A9A7",
        2: "#A1C6B7",
        3: "#C6DCD7",
        4: "#E4EBEA",
        5: "#6C8B8A",
      }
    }
  }
}

Related searches

eucalyptus green palettecalming muted greennature inspired hex codessoft botanical colorsrefreshing green aesthetic

Palette colors

Hex values

Color 1#82A9A7
·
Color 2#A1C6B7
·
Color 3#C6DCD7
·
Color 4#E4EBEA
·
Color 5#6C8B8A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
2.1:1Fail
1.4:1Fail
2
1.4:1Fail
1.3:1Fail
1.5:1Fail
2:1Fail
3
1.8:1Fail
1.3:1Fail
1.2:1Fail
2.6:1Fail
4
2.1:1Fail
1.5:1Fail
1.2:1Fail
3:1AA18
5
1.4:1Fail
2:1Fail
2.6:1Fail
3:1AA18

Similar palettes

More like Eucalyptus Haze

View all cool
Misty Forest Fern
Muted Moss Retreat
Willow Shade Canopy
Woodland Shroud Hues
Aurora Shimmer Lights
Bamboo Stillness Shade