Palette

Wild Bloom Meadow

Soft, natural tones reflecting sun-drenched wild grasses and subtle, forgotten blooms.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Bloom Meadow 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 Wild Bloom Meadow.

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

Data visualization

#F6EDDB#E0D7BF#C4BDA0#A8A382#8A8567

Palette guide

How to use Wild Bloom Meadow

Overview

The Wild Bloom Meadow (Neutral) palette captures the subtle, sun-drenched tones of wild grasses and forgotten blooms, offering a soft, natural aesthetic. This understated collection transitions from the lightest #F6EDDB and gentle #E0D7BF, through the muted #C4BDA0 and earthy #A8A382, culminating in the grounding #8A8567. Designers can leverage this palette to create serene, sophisticated, and organic designs for branding, digital interfaces, or editorial layouts. Developers will find these hex codes excellent for crafting visually calming and harmonious user experiences that convey elegance, timelessness, and natural simplicity across various platforms.

Best used for

Minimalist branding and packaging
High-end artisanal crafts websites
Editorial design for magazines or blogs
Spa or wellness retreat branding
Sustainable fashion lines
Photography portfolios with natural themes

Suggested color roles

primary

C4BDA0 - A muted, sophisticated beige-green, perfect for main headings, navigation, or subtle brand elements.

secondary

E0D7BF - A soft, warm off-white, ideal for subheadings, secondary text, or background sections that need gentle warmth.

accent

A8A382 - A deeper, earthy taupe, excellent for highlighting key information, borders, or small decorative details.

background

F6EDDB - A very pale, almost cream, suitable for clean, airy backgrounds that provide a sense of calm and spaciousness.

text

8A8567 - A deep, grounding taupe-brown, providing excellent readability against lighter backgrounds like #F6EDDB, or use a clean black for strong contrast.

Accessibility notes

Ensure #8A8567 has strong contrast against #F6EDDB for body text (WCAG AA).
Avoid using #E0D7BF for small text on #F6EDDB backgrounds due to extremely low contrast.
Pair #C4BDA0 with a lighter background (like #F6EDDB) for optimal readability, especially for headings.
Consider larger font sizes when using #A8A382 for text on similar mid-tone backgrounds to improve legibility.

Recommended combinations

Soft Horizon

For subtle, serene backgrounds, gradients, or section separators in UI.

#F6EDDB · #E0D7BF · #C4BDA0

Grounded Elegance

Effective for clear calls-to-action or strong brand statements against a light, natural backdrop.

#8A8567 · #F6EDDB · #A8A382

Meadow Muted

Creates a cohesive, sophisticated neutral theme for content blocks or visual elements.

#C4BDA0 · #A8A382 · #8A8567

CSS variables

:root {
  --wild-bloom-meadow-1: #F6EDDB;
  --wild-bloom-meadow-2: #E0D7BF;
  --wild-bloom-meadow-3: #C4BDA0;
  --wild-bloom-meadow-4: #A8A382;
  --wild-bloom-meadow-5: #8A8567;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-bloom-meadow": {
        1: "#F6EDDB",
        2: "#E0D7BF",
        3: "#C4BDA0",
        4: "#A8A382",
        5: "#8A8567",
      }
    }
  }
}

Hex values

Color 1#F6EDDB

Color 2#E0D7BF

Color 3#C4BDA0

Color 4#A8A382

Color 5#8A8567

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

2.2:1Fail

3.2:1AA18

1.2:1Fail

1.3:1Fail

1.8:1Fail

2.6:1Fail

1.6:1Fail

1.3:1Fail

1.4:1Fail

2:1Fail

2.2:1Fail

1.8:1Fail

1.4:1Fail

1.5:1Fail

3.2:1AA18

2.6:1Fail

2:1Fail

1.5:1Fail

Similar palettes

More like Wild Bloom Meadow

View all neutral

Seaside Chalk Cliffs

Seaside Strand Weave

Artisan Pottery Glaze

Boho Earth Weave

Boho Macrame Weave

Botanical Sketch Hues