Back to palettes

Palette

Spring Willow Whisper

The gentle, refreshing hues of willow branches swaying softly in a light spring breeze.

pastelnatural5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Willow Whisper 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 Spring Willow Whisper.

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

Data visualization

#CAD2C5#AEC4BE#88B08B#D9EBD9#F7F9F7

Palette guide

How to use Spring Willow Whisper

Overview

The Spring Willow Whisper palette evokes calm and natural freshness, perfect for designs seeking a tranquil, organic feel. Featuring a soothing range of greens and near-whites, it includes the gentle #CAD2C5, the grounding #AEC4BE, and the more vibrant sage #88B08B. Complemented by the airy #D9EBD9 and the soft #F7F9F7, this collection is ideal for creating serene user experiences. Developers will find these hex codes easy to implement for interfaces that require a harmonious, nature-inspired aesthetic, from soft gradients to subtle background textures, ensuring a cohesive and refreshing visual appeal across various platforms.

Best used for

  • Eco-friendly brand identities and packaging
  • Health, wellness, and spa website designs
  • Nature-themed mobile applications
  • Interior design visualization and mood boards
  • Sustainable fashion e-commerce
  • Blog themes focused on mindfulness or gardening

Suggested color roles

primary

#88B08B. A grounding sage green, excellent for prominent UI elements like primary buttons, key headings, or brand logos where a natural, reassuring presence is desired.

secondary

#AEC4BE. A muted green-grey, perfect for subheadings, secondary calls-to-action, or navigational elements, providing depth without overpowering the primary hue.

accent

#CAD2C5. A subtle light green-grey, use sparingly for hover states, subtle icons, or small decorative elements to add a touch of understated elegance.

background

#F7F9F7. A very soft, near-white, creating a clean, airy canvas that allows other colors to breathe and ensures excellent readability for text.

text

For body text on #F7F9F7 or #D9EBD9, use a dark charcoal like #333333. For headings or emphasis, consider #88B08B on lighter backgrounds, or #F7F9F7 on #88B08B.

Accessibility notes

  • Ensure sufficient contrast between #88B08B and #F7F9F7 for large text (AA standard) and UI elements.
  • Avoid using #CAD2C5 or #AEC4BE directly on #D9EBD9 or #F7F9F7 for small text, as contrast may be insufficient.
  • Use a dark text color like charcoal black or a dark green (e.g., #2C472C) on light backgrounds like #F7F9F7 or #D9EBD9 for optimal readability.
  • Test color combinations with accessibility tools to meet WCAG AA or AAA standards for text and interactive elements.

Recommended combinations

Fresh Foundation

Ideal for clean, minimalist layouts; #F7F9F7 as background, #D9EBD9 for sections, and #AEC4BE for subtle accents or borders.

#F7F9F7 · #D9EBD9 · #AEC4BE

Sage Serenity

Effective for hero sections or prominent content blocks; #D9EBD9 as base, #88B08B for headings/buttons, #CAD2C5 for supporting text or dividers.

#D9EBD9 · #88B08B · #CAD2C5

Willow Depth

Creates a balanced, sophisticated look; #AEC4BE for main content areas, #88B08B for strong calls-to-action, and #F7F9F7 for highly readable text.

#AEC4BE · #88B08B · #F7F9F7

CSS variables

:root {
  --spring-willow-whisper-1: #CAD2C5;
  --spring-willow-whisper-2: #AEC4BE;
  --spring-willow-whisper-3: #88B08B;
  --spring-willow-whisper-4: #D9EBD9;
  --spring-willow-whisper-5: #F7F9F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-willow-whisper": {
        1: "#CAD2C5",
        2: "#AEC4BE",
        3: "#88B08B",
        4: "#D9EBD9",
        5: "#F7F9F7",
      }
    }
  }
}

Related searches

calm green color schemenatural pastel palettesage green web designspring inspired ui colorseco friendly brand colors

Palette colors

Hex values

Color 1#CAD2C5
·
Color 2#AEC4BE
·
Color 3#88B08B
·
Color 4#D9EBD9
·
Color 5#F7F9F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
1.2:1Fail
1.5:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
3
1.6:1Fail
1.3:1Fail
2:1Fail
2.3:1Fail
4
1.2:1Fail
1.5:1Fail
2:1Fail
1.2:1Fail
5
1.5:1Fail
1.7:1Fail
2.3:1Fail
1.2:1Fail

Similar palettes

More like Spring Willow Whisper

View all pastel
Dewdrop Meadow Fresh
Meadow Wildflower Bloom
Sunrise Market Fresh
Alpine Meadow Breeze
Fresh Petal Dewdrop
Botanical Sketch Bloom