Back to palettes

Palette

Eucalyptus Grove Mist

Soft and calming, evoking the fresh, misty air within a tranquil eucalyptus grove, a gentle sensation.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ABC4C4#8CA0A0#6E8080#C0D1D1#A0B0B0

Palette guide

How to use Eucalyptus Grove Mist

Overview

The Eucalyptus Grove Mist palette offers a uniquely calming and refreshing experience, capturing the tranquil essence of a misty eucalyptus grove. Dominated by cool, muted grey-greens and silvers, this palette features the gentle #ABC4C4 and #C0D1D1 for airy lightness, balanced by the deeper, grounding tones of #8CA0A0, #6E8080, and #A0B0B0. Designers can leverage this palette to create serene, sophisticated, and earthy designs that promote a sense of well-being and clarity. It's particularly effective for wellness brands, sustainable products, or digital interfaces that aim for a clean, organic, and contemporary aesthetic. Developers will find these hex codes ideal for crafting subtle gradients, elegant typography, and harmonious UI elements.

Best used for

  • Spa, wellness, and aromatherapy product branding
  • Sustainable and organic food packaging
  • Minimalist interior design concepts
  • Healthcare or medical service websites
  • Mindfulness and meditation app interfaces
  • Eco-tourism brochures and web presence

Suggested color roles

primary

A deep, grounded grey-green, #6E8080, excellent for main headings, navigation bars, or significant graphical elements, conveying stability and calm.

secondary

A mid-tone, muted green-grey, #8CA0A0, suitable for subheadings, secondary calls-to-action, or supporting design elements, adding harmony.

accent

A versatile medium grey, #A0B0B0, perfect for subtle highlights, borders, or hover states, adding a touch of modern refinement.

background

A very light, cool grey with a hint of green, #C0D1D1, providing a clean, airy canvas that enhances readability and spaciousness.

text

A dark charcoal grey like #333333 is recommended for body text on lighter backgrounds to ensure optimal readability and maintain a sophisticated, clean look.

Accessibility notes

  • Ensure sufficient contrast when using #ABC4C4 as text on #C0D1D1; they are very close in value.
  • #A0B0B0 might be too light for small text on #C0D1D1 backgrounds.
  • The darkest color, #6E8080, provides good contrast against #C0D1D1 for text.
  • Always use a dark, contrasting color (e.g., black or dark grey) for body text against any of the lighter palette backgrounds.

Recommended combinations

Misty Morning

Ideal for soft background gradients or layered elements that evoke a gentle, atmospheric transition.

#C0D1D1 · #ABC4C4 · #8CA0A0

Grove Depth

Excellent for UI components like cards, panels, or buttons where depth and a muted, sophisticated feel are desired.

#6E8080 · #A0B0B0 · #ABC4C4

Serene Path

Perfect for clean layouts, providing a clear visual hierarchy with lighter backgrounds and darker, grounding elements.

#C0D1D1 · #8CA0A0 · #6E8080

CSS variables

:root {
  --eucalyptus-grove-mist-1: #ABC4C4;
  --eucalyptus-grove-mist-2: #8CA0A0;
  --eucalyptus-grove-mist-3: #6E8080;
  --eucalyptus-grove-mist-4: #C0D1D1;
  --eucalyptus-grove-mist-5: #A0B0B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "eucalyptus-grove-mist": {
        1: "#ABC4C4",
        2: "#8CA0A0",
        3: "#6E8080",
        4: "#C0D1D1",
        5: "#A0B0B0",
      }
    }
  }
}

Related searches

eucalyptus color schememuted green grey palettecalm botanical colorsspa inspired hex codesrefreshing cool tones

Palette colors

Hex values

Color 1#ABC4C4
·
Color 2#8CA0A0
·
Color 3#6E8080
·
Color 4#C0D1D1
·
Color 5#A0B0B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.2:1Fail
1.2:1Fail
2
1.5:1Fail
1.5:1Fail
1.7:1Fail
1.2:1Fail
3
2.3:1Fail
1.5:1Fail
2.6:1Fail
1.8:1Fail
4
1.2:1Fail
1.7:1Fail
2.6:1Fail
1.4:1Fail
5
1.2:1Fail
1.2:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Eucalyptus Grove Mist

View all cool
Alpine Lake Reflection
Alpine Mist
Aqua Marine Vista
Aqua Stillness Mood
Aqua Tile Spa
Arctic Lagoon Glaze