Back to palettes

Palette

Muted Sage Bloom

Soft and understated, blending muted sage greens with dusty rose tones for a gentle, natural feel.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Muted Sage Bloom 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 Muted Sage Bloom.

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

Data visualization

#8A9A5B#E0B0B0#F5F5DC#BFC0C0#E4D9C7

Palette guide

How to use Muted Sage Bloom

Overview

The Muted Sage Bloom palette combines the serene tranquility of soft sage greens with gentle, dusty rose and warm neutral tones. This collection features a muted olive green, #8A9A5B, a delicate dusty rose, #E0B0B0, and a creamy off-white, #F5F5DC. A cool, light gray, #BFC0C0, adds a modern touch, while a warm pale beige, #E4D9C7, provides a comforting base. This palette is perfect for creating designs that feel organic, sophisticated, and understated. It evokes a sense of natural beauty and calm, ideal for brands seeking a gentle, harmonious, and elegant aesthetic.

Best used for

  • Botanical art and stationery
  • Wellness and yoga studio branding
  • Minimalist fashion e-commerce
  • Interior design mood boards
  • Natural beauty product packaging
  • Wedding stationery with a rustic touch

Suggested color roles

primary

Use #8A9A5B (Muted Olive) for main navigation, headings, or key graphical elements, providing an organic anchor.

secondary

Apply #E0B0B0 (Dusty Rose) for subtle call-to-action buttons, secondary information, or decorative accents to add warmth.

accent

Utilize #BFC0C0 (Light Gray) for subtle borders, icons, or helper text, offering a clean, contemporary touch.

background

Employ #F5F5DC (Cream) as a soft, inviting, and versatile base for most content, ensuring high readability for darker text.

text

A dark brown or deep gray works best for body text on #F5F5DC or #E4D9C7. For text on #8A9A5B, white or a very light cream is ideal.

Accessibility notes

  • Ensure good contrast between #8A9A5B or a dark text color on #F5F5DC and #E4D9C7.
  • #E0B0B0 is a relatively light color; use it for text only against dark backgrounds or as a decorative element.
  • Avoid using #BFC0C0 for small text on #F5F5DC due to insufficient contrast; it's better for larger elements or outlines.
  • Always check text and interactive element contrast ratios against WCAG guidelines for optimal user experience.

Recommended combinations

Garden Retreat

Ideal for a calming website hero section, with #8A9A5B for the main title, #F5F5DC for background, and #E0B0B0 for a subtle button.

#8A9A5B · #F5F5DC · #E0B0B0

Soft Petals

Great for elegant social media graphics, using #E0B0B0 as a soft background, #E4D9C7 for text, and #BFC0C0 for a clean frame.

#E0B0B0 · #E4D9C7 · #BFC0C0

Sage Whisper

Perfect for minimalist data visualizations, using #BFC0C0 for grid lines, #8A9A5B for key data points, and #F5F5DC for the chart background.

#BFC0C0 · #8A9A5B · #F5F5DC

CSS variables

:root {
  --muted-sage-bloom-1: #8A9A5B;
  --muted-sage-bloom-2: #E0B0B0;
  --muted-sage-bloom-3: #F5F5DC;
  --muted-sage-bloom-4: #BFC0C0;
  --muted-sage-bloom-5: #E4D9C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muted-sage-bloom": {
        1: "#8A9A5B",
        2: "#E0B0B0",
        3: "#F5F5DC",
        4: "#BFC0C0",
        5: "#E4D9C7",
      }
    }
  }
}

Related searches

muted sage green palettedusty rose color schemecalm botanical colorsminimalist earthy tonesnatural wedding palette

Palette colors

Hex values

Color 1#8A9A5B
·
Color 2#E0B0B0
·
Color 3#F5F5DC
·
Color 4#BFC0C0
·
Color 5#E4D9C7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
1.7:1Fail
2.2:1Fail
2
1.6:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
1.3:1Fail
4
1.7:1Fail
1:1Fail
1.6:1Fail
1.3:1Fail
5
2.2:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Muted Sage Bloom

View all neutral
Botanical Sketchbook Ink
Calm Interior Lines
Calm Stone Pathway
Cloudy Cobblestone Lane
Concrete Jungle Calm
Dusty Sage Bloom