Back to palettes

Palette

Mystic Willow Shade

A tranquil palette reflecting the cool, shadowed greens beneath a weeping willow by still waters.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Willow Shade 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 Mystic Willow Shade.

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

Data visualization

#4B6E4A#758D64#A6B48B#D0DBC4#424F3A

Palette guide

How to use Mystic Willow Shade

Overview

The Mystic Willow Shade palette offers a tranquil and serene collection of muted greens, perfect for evoking a sense of calm and natural beauty. Featuring shades like #4B6E4A, a deep, grounding green, and #D0DBC4, a very light, almost ethereal tone, this palette is ideal for designs that aim for an organic and soothing aesthetic. Developers and designers can leverage the balance between the darker #424F3A and the softer #A6B48B to create depth while maintaining a gentle, cohesive feel. The entire spectrum of #4B6E4A, #758D64, #A6B48B, #D0DBC4, and #424F3A works harmoniously, reflecting the cool, shadowed greens found beneath a weeping willow by still waters, making it excellent for nature-inspired projects.

Best used for

  • Nature-themed websites and blogs
  • Eco-friendly product branding and packaging
  • Spa, wellness, or meditation app interfaces
  • Sustainable fashion or lifestyle content
  • Interior design mood boards for serene spaces
  • Educational materials on botany or conservation

Suggested color roles

primary

Use #4B6E4A as a deep, foundational green for major sections, headers, or prominent branding elements.

secondary

Employ #758D64 as a softer, yet still substantial, complementary green for subheadings, secondary buttons, or large graphical elements.

accent

Apply #A6B48B for subtle highlights, interactive states, or delicate graphical details that need a gentle lift.

background

Utilize #D0DBC4 as a light, airy base for main content areas, providing excellent readability for darker text.

text

Set body text and important labels in #424F3A for clear legibility against lighter backgrounds like #D0DBC4.

Accessibility notes

  • Ensure #424F3A on #D0DBC4 meets WCAG AA contrast standards for body text readability.
  • Use #4B6E4A for large headings or key UI elements on #D0DBC4 to provide sufficient contrast.
  • Avoid using #A6B48B on #D0DBC4 for small text due to potentially insufficient contrast.
  • For critical UI elements, consider a dark charcoal or black if #424F3A doesn't provide enough contrast against mid-tones.

Recommended combinations

Deep Calm

Ideal for strong branding, main section backgrounds, and robust textual content.

#4B6E4A · #758D64 · #424F3A

Light Serenity

Excellent for soft backgrounds, subtle UI elements, and delicate illustrations.

#D0DBC4 · #A6B48B · #758D64

Willow Contrast

Provides clear text on light backgrounds, with a strong primary color for impact.

#424F3A · #D0DBC4 · #4B6E4A

CSS variables

:root {
  --mystic-willow-shade-1: #4B6E4A;
  --mystic-willow-shade-2: #758D64;
  --mystic-willow-shade-3: #A6B48B;
  --mystic-willow-shade-4: #D0DBC4;
  --mystic-willow-shade-5: #424F3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-willow-shade": {
        1: "#4B6E4A",
        2: "#758D64",
        3: "#A6B48B",
        4: "#D0DBC4",
        5: "#424F3A",
      }
    }
  }
}

Related searches

tranquil green color schemesmuted nature paletteserene forest colorsorganic web design paletteearthy green hex codes

Palette colors

Hex values

Color 1#4B6E4A
·
Color 2#758D64
·
Color 3#A6B48B
·
Color 4#D0DBC4
·
Color 5#424F3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4:1AA18
1.5:1Fail
2
1.6:1Fail
1.7:1Fail
2.5:1Fail
2.4:1Fail
3
2.6:1Fail
1.7:1Fail
1.5:1Fail
3.9:1AA18
4
4:1AA18
2.5:1Fail
1.5:1Fail
6.1:1AA
5
1.5:1Fail
2.4:1Fail
3.9:1AA18
6.1:1AA

Similar palettes

More like Mystic Willow Shade

View all earth
Bamboo Grove
Whispering Willow Brook
Woodland Mist Veil
Ancient Grove Calm
Ancient Moss Rune
Ancient Moss Whisper