Palette

Whispering Reed Beds

Subtle yellows and muted greens mimic the gentle rustle of reeds in a sun-drenched, tranquil wetland.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Reed Beds 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 Whispering Reed Beds.

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

Data visualization

#8B8000#A6A600#CCCC00#E0E066#FFFFCC

Palette guide

How to use Whispering Reed Beds

Overview

The Whispering Reed Beds palette evokes the gentle rustle of reeds in a sun-drenched, tranquil wetland, blending subtle yellows with muted greens. This vibrant yet natural collection ranges from the deep, earthy #8B8000 to the bright, sunlit #FFFFCC. Designers can utilize these warm and organic shades to create inviting interfaces, natural branding, or editorial content that feels fresh and peaceful. The harmonious progression between hues like #A6A600 and #CCCC00 offers excellent versatility for layered designs and subtle visual hierarchy. Developers will find these colors perfect for crafting soft gradients, immersive backgrounds, and serene user experiences that feel grounded in nature.

Best used for

eco-tourism websites
organic food branding
nature conservancy platforms
gardening and landscape design
educational content on wetlands
wellness product packaging

Suggested color roles

primary

#8B8000 serves as a strong, grounding primary color for main navigation, headers, or backgrounds requiring deep contrast and organic sophistication.

secondary

#A6A600 is ideal for subheadings, content panels, or secondary calls to action, offering a balanced, earthy yellow-green.

accent

#CCCC00 can be used for lively accents, interactive elements, or highlights where a brighter, natural pop is desired.

background

#FFFFCC provides a clean, airy background, perfect for main content areas where readability and a sense of lightness are key.

text

For text on light backgrounds like #FFFFCC, a dark charcoal or black is recommended. On darker shades like #8B8000, use white or a very light gray for maximum readability.

Accessibility notes

Ensure sufficient contrast for text on #FFFFCC backgrounds; black or very dark gray is recommended.
Many colors in this palette are light; avoid using light text on #A6A600, #CCCC00, and #E0E066.
Be cautious when using #E0E066 for small text, especially against #CCCC00, as contrast may be insufficient.
Prioritize high contrast for interactive elements; for example, #8B8000 text on a #FFFFCC button.

Recommended combinations

Sunlit Reeds

Use darkest for main structure, mid-tone for content, and lightest for backgrounds or text on dark elements, creating depth.

#8B8000 · #A6A600 · #FFFFCC

Golden Wetland

Creates a bright, airy feel; lightest as background, progressively darker tones for content and subtle visual hierarchy.

#FFFFCC · #E0E066 · #CCCC00

Deep Marsh

A harmonious blend for layered UI components, with #8B8000 defining stronger elements and #A6A600 providing structure.

#A6A600 · #CCCC00 · #8B8000

CSS variables

:root {
  --whispering-reed-beds-1: #8B8000;
  --whispering-reed-beds-2: #A6A600;
  --whispering-reed-beds-3: #CCCC00;
  --whispering-reed-beds-4: #E0E066;
  --whispering-reed-beds-5: #FFFFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-reed-beds": {
        1: "#8B8000",
        2: "#A6A600",
        3: "#CCCC00",
        4: "#E0E066",
        5: "#FFFFCC",
      }
    }
  }
}

Hex values

Color 1#8B8000

Color 2#A6A600

Color 3#CCCC00

Color 4#E0E066

Color 5#FFFFCC

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

2.9:1Fail

3.9:1AA18

1.6:1Fail

1.5:1Fail

1.9:1Fail

2.5:1Fail

2.4:1Fail

1.5:1Fail

1.2:1Fail

1.7:1Fail

2.9:1Fail

1.9:1Fail

1.2:1Fail

1.4:1Fail

3.9:1AA18

2.5:1Fail

1.7:1Fail

1.4:1Fail

Similar palettes

More like Whispering Reed Beds

View all earth

Jade Canopy Serene

Wandering Earth Bloom

Whispering Grass Fields

Agave Bloom Dawn

Ancient Jade Temple

Botanical Bloom Line