Palette

Silent Woodland Mist

A tranquil blend reflecting the quiet hush of a woodland awakening in soft, diffused light.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Silent Woodland 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 Silent Woodland Mist.

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

Data visualization

#A8B09F#848B7A#C9D2CB#5B6657#E3EAE4

Palette guide

How to use Silent Woodland Mist

Overview

The Silent Woodland Mist palette offers a serene and sophisticated collection of muted greens and soft neutrals, perfect for evoking tranquility and natural elegance. Designed for designers and developers seeking a calm aesthetic, this palette features the grounding primary shade of `#A8B09F` and the deeper `#848B7A`, complemented by the airy `#C9D2CB` and the very light `#E3EAE4`. A rich, earthy accent is provided by `#5B6657`. This harmonious blend is ideal for creating user interfaces, branding, or digital content that feels peaceful, organic, and effortlessly refined. It’s particularly well-suited for projects where a gentle, understated presence is desired, fostering a sense of calm and connection to nature.

Best used for

Wellness and meditation apps
Eco-friendly product packaging
Sustainable brand identities
Spa and retreat website designs
Interior design visualization
Nature photography portfolios

Suggested color roles

primary

#A8B09F - Ideal for main brand elements, large hero sections, or primary interactive components where a soft, inviting presence is desired.

secondary

#C9D2CB - Use for supporting content blocks, subtle backgrounds, or secondary navigation to maintain the light, airy feel.

accent

#5B6657 - A deep, grounding color perfect for calls-to-action, important icons, or impactful headings that require emphasis without harshness.

background

#E3EAE4 - Provides a clean, very light base that allows other colors to breathe, excellent for page backgrounds or card elements.

text

#5B6657 - An excellent choice for body text and headings on lighter backgrounds like `#E3EAE4` or `#C9D2CB` to ensure strong readability and maintain palette harmony.

Accessibility notes

Ensure sufficient contrast between text using `#5B6657` and backgrounds like `#E3EAE4` or `#C9D2CB` for WCAG AA compliance.
Be mindful when pairing similar muted tones, such as `#A8B09F` and `#848B7A`, for interactive elements to prevent low visibility for users with color vision deficiencies.
Use a contrast checker tool for all text and interactive element color combinations, especially for smaller font sizes.
Consider a slightly darker alternative for very small text if `#5B6657` feels too light on certain backgrounds.

Recommended combinations

Forest Serenity

Perfect for a clean, readable interface. Use `#E3EAE4` as background, `#5B6657` for primary text/icons, and `#A8B09F` for secondary accents or buttons.

#E3EAE4 · #5B6657 · #A8B09F

Muted Harmony

Creates a soft, monochromatic feel. Ideal for layered elements, where `#A8B09F` is main, `#848B7A` provides depth, and `#C9D2CB` offers a light highlight.

#A8B09F · #848B7A · #C9D2CB

Grounded Focus

Excellent for content blocks. `#C9D2CB` as a card background, `#5B6657` for headings, and `#848B7A` for body text or subtle borders.

#C9D2CB · #5B6657 · #848B7A

CSS variables

:root {
  --silent-woodland-mist-1: #A8B09F;
  --silent-woodland-mist-2: #848B7A;
  --silent-woodland-mist-3: #C9D2CB;
  --silent-woodland-mist-4: #5B6657;
  --silent-woodland-mist-5: #E3EAE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silent-woodland-mist": {
        1: "#A8B09F",
        2: "#848B7A",
        3: "#C9D2CB",
        4: "#5B6657",
        5: "#E3EAE4",
      }
    }
  }
}

Hex values

Color 1#A8B09F

Color 2#848B7A

Color 3#C9D2CB

Color 4#5B6657

Color 5#E3EAE4

Accessibility

Contrast checker

1.6:1Fail

1.4:1Fail

2.7:1Fail

1.8:1Fail

1.6:1Fail

2.3:1Fail

1.7:1Fail

2.9:1Fail

1.4:1Fail

2.3:1Fail

3.9:1AA18

1.3:1Fail

2.7:1Fail

1.7:1Fail

3.9:1AA18

4.9:1AA

1.8:1Fail

2.9:1Fail

1.3:1Fail

4.9:1AA

Similar palettes

More like Silent Woodland Mist

Rustic Riverbank Calm

Urban Garden Oasis