Back to palettes

Palette

Golden Meadow Bloom

Captures the sunlit splendor of a summer meadow brimming with golden wildflowers.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#DAA520#BDB76B#8FBC8F#F5F5DC

Palette guide

How to use Golden Meadow Bloom

Overview

The Golden Meadow Bloom palette captures the sunlit splendor of a summer meadow, brimming with golden wildflowers and fresh greenery. This natural and serene collection features bright gold #FFD700, rich olive gold #DAA520, muted khaki #BDB76B, soft sage green #8FBC8F, and a creamy off-white #F5F5DC. Designers can use this palette to evoke a sense of tranquility, organic beauty, and a fresh, inviting atmosphere. It’s ideal for projects that require a gentle yet vibrant touch, reminiscent of a peaceful natural landscape under a warm, sunny sky, creating a harmonious and refreshing visual experience.

Best used for

  • Eco-friendly and sustainable brand identities
  • Natural beauty and wellness product packaging
  • Garden design and botanical-themed websites
  • Organic food branding and farmers' market promotions
  • Pastoral art and nature photography
  • Relaxation apps or mindful living blogs

Suggested color roles

primary

Use #FFD700 as a cheerful primary color for headings or key interactive elements, bringing a sunny touch.

secondary

Apply #DAA520 for subheadings, navigation, or to add a richer, earthy depth that complements the gold.

accent

Reserve #8FBC8F for subtle accents, icons, or to introduce a calming, natural green element.

background

Utilize #F5F5DC as a soft, creamy background, providing a gentle and highly readable canvas.

text

For optimal readability on #F5F5DC, use a dark charcoal or black. For headings on darker shades, use white or #FFD700.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter palette colors for text on #F5F5DC; dark text is often best.
  • The soft #8FBC8F may require careful contrast checking when used with #F5F5DC for small text.
  • The bright #FFD700 offers good contrast against #8FBC8F for larger text, meeting WCAG AA standards.
  • Avoid using #BDB76B for small text on very light backgrounds without thorough contrast testing.

Recommended combinations

Meadow Sun

Creates a radiant, natural glow, ideal for hero banners or inviting call-to-action sections.

#FFD700 · #DAA520 · #F5F5DC

Earthy Bloom

Provides a harmonious blend of muted and rich tones, suitable for content blocks or informational sections.

#BDB76B · #8FBC8F · #DAA520

Soft Nature

Offers a gentle, refreshing feel, perfect for subtle branding or tranquil backgrounds.

#F5F5DC · #FFD700 · #8FBC8F

CSS variables

:root {
  --golden-meadow-bloom-1: #FFD700;
  --golden-meadow-bloom-2: #DAA520;
  --golden-meadow-bloom-3: #BDB76B;
  --golden-meadow-bloom-4: #8FBC8F;
  --golden-meadow-bloom-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-meadow-bloom": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#BDB76B",
        4: "#8FBC8F",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

golden meadow palettesummer floral colorsnatural green yelloweco friendly designsoft nature hues

Palette colors

Hex values

Color 1#FFD700
·
Color 2#DAA520
·
Color 3#BDB76B
·
Color 4#8FBC8F
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
1.5:1Fail
1.3:1Fail
2
1.6:1Fail
1.1:1Fail
1:1Fail
2:1Fail
3
1.5:1Fail
1.1:1Fail
1:1Fail
1.9:1Fail
4
1.5:1Fail
1:1Fail
1:1Fail
1.9:1Fail
5
1.3:1Fail
2:1Fail
1.9:1Fail
1.9:1Fail

Similar palettes

More like Golden Meadow Bloom

View all Warm
Desert Solstice Bloom
Desert Wildflower Medley
Autumn Leaf Fall
Golden Field Embrace
Medieval Tapestry Aged
Autumn Amber Cascade