Back to palettes

Palette

Sun-Dappled Willow

Fresh, natural greens mimicking sunlight dancing through the soft leaves of a willow tree.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Dappled Willow 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 Sun-Dappled Willow.

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

Data visualization

#A0C28A#BBD7A7#DAECC8#86A870#6C8B5D

Palette guide

How to use Sun-Dappled Willow

Overview

The Sun-Dappled Willow palette captures the fresh, natural greens of sunlight dancing through soft willow leaves. This serene collection features a gentle willow green (#A0C28A), a lighter sage (#BBD7A7), a very pale green (#DAECC8), a medium forest green (#86A870), and a deeper willow green (#6C8B5D). It's an ideal choice for designs that aim to evoke tranquility, freshness, and organic beauty, perfect for wellness, nature-inspired, or gentle branding projects.

Best used for

  • Wellness and spa brand identity
  • Spring fashion and beauty product lines
  • Tranquil and serene website designs
  • Natural baby product packaging
  • Botanical illustrations and garden themes
  • Eco-friendly and sustainable marketing materials

Suggested color roles

primary

Use #A0C28A as a gentle, fresh green for main content areas, backgrounds, or prominent graphical elements.

secondary

Apply #86A870 to add subtle depth and grounding, ideal for navigation, footers, or important supporting elements.

accent

Employ #BBD7A7 as an airy highlight, perfect for textural details, icons, or to provide a delicate contrast.

background

Utilize #DAECC8 as a soft, clean base that provides a neutral canvas for the refreshing green tones.

text

For optimal readability, use dark green like #6C8B5D or a deep charcoal against lighter backgrounds, or white text on darker shades.

Accessibility notes

  • The very light #DAECC8 requires dark text, such as #6C8B5D or black, for optimal readability.
  • Ensure sufficient contrast between #A0C28A and #BBD7A7 if used adjacent or for text elements.
  • White text works well on darker shades like #6C8B5D and #86A870 for headings and important information.
  • Avoid using light green text on similar light green backgrounds due to poor legibility.

Recommended combinations

Willow Canopy

Create harmonious gradients, natural backgrounds, or layered designs that evoke depth and growth.

#6C8B5D · #86A870 · #A0C28A

Fresh Spring

Ideal for light and airy designs, subtle branding, or to convey a sense of renewal and freshness.

#DAECC8 · #BBD7A7 · #A0C28A

Dappled Light

Use for clean layouts, serene UI elements, or to create a balanced yet refreshing visual hierarchy.

#DAECC8 · #A0C28A · #6C8B5D

CSS variables

:root {
  --sun-dappled-willow-1: #A0C28A;
  --sun-dappled-willow-2: #BBD7A7;
  --sun-dappled-willow-3: #DAECC8;
  --sun-dappled-willow-4: #86A870;
  --sun-dappled-willow-5: #6C8B5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-dappled-willow": {
        1: "#A0C28A",
        2: "#BBD7A7",
        3: "#DAECC8",
        4: "#86A870",
        5: "#6C8B5D",
      }
    }
  }
}

Related searches

willow green paletteserene nature colorslight spring greenstranquil design palettefresh botanical colors

Palette colors

Hex values

Color 1#A0C28A
·
Color 2#BBD7A7
·
Color 3#DAECC8
·
Color 4#86A870
·
Color 5#6C8B5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.3:1Fail
1.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
2.1:1Fail
3.1:1AA18
4
1.3:1Fail
1.7:1Fail
2.1:1Fail
1.4:1Fail
5
1.9:1Fail
2.4:1Fail
3.1:1AA18
1.4:1Fail

Similar palettes

More like Sun-Dappled Willow

View all earth
Meadow Whisper Breeze
Botanical Sketchbook
Emerald Moss Canopy
Enchanted Forest Bloom
Enchanted Forest Bloom
Enchanted Forest Bloom