Back to palettes

Palette

Sun-kissed Meadow Fields

Golden yellows and soft greens depict expansive fields bathed in the gentle warmth of the afternoon sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-kissed Meadow Fields 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 Sun-kissed Meadow Fields.

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

Data visualization

#8B8000#BDB76B#DDA0DD#F0E68C#F5F5DC

Palette guide

How to use Sun-kissed Meadow Fields

Overview

The Sun-kissed Meadow Fields palette offers a serene collection of natural, earthy tones, perfect for designs seeking a tranquil, organic feel. Featuring a deep meadow green (#8B8000), a muted olive (#BDB76B), and a soft, almost pastel lavender (#DDA0DD), this palette evokes expansive fields bathed in gentle afternoon light. Complementary golden hues like #F0E68C and a creamy off-white (#F5F5DC) complete the scheme, making it ideal for conveying warmth, growth, and natural beauty. Designers can leverage these colors to create harmonious and inviting visual experiences, from digital interfaces to physical branding.

Best used for

  • Eco-friendly brand identities
  • Nature-themed websites and apps
  • Rustic wedding invitations or decor
  • Spring and summer marketing campaigns
  • Home decor and interior design inspiration
  • Sustainable product packaging

Suggested color roles

primary

Use #8B8000 as a strong, grounding primary for headers or key graphical elements, representing lush foliage.

secondary

Employ #BDB76B for supporting elements, subheadings, or background sections to add subtle texture and depth.

accent

Introduce #DDA0DD sparingly as a delicate accent for highlights, icons, or calls to action, providing a soft contrast.

background

Utilize #F5F5DC as a clean, warm background color, offering excellent readability and a natural canvas.

text

For body text, use a dark, rich brown or charcoal for optimal contrast against light backgrounds, or #8B8000 for headings on lighter shades.

Accessibility notes

  • Ensure sufficient contrast when pairing #F5F5DC with lighter text colors; aim for dark text like charcoal or a deep green.
  • Test the readability of #DDA0DD text against both #F0E68C and #F5F5DC backgrounds.
  • Consider using #8B8000 or a dark neutral for body text over #F0E68C to maintain legibility.
  • The overall palette is gentle, so ensure interactive elements stand out clearly with enough contrast.

Recommended combinations

Meadow Sunlight

Ideal for creating a bright, natural header or hero section, highlighting key information against a light backdrop.

#8B8000 · #F0E68C · #F5F5DC

Soft Bloom

Excellent for decorative elements, subtle illustrations, or a gentle, inviting color scheme for content areas.

#DDA0DD · #BDB76B · #F5F5DC

Earthy Harmony

Perfect for a grounded and sophisticated look in branding, emphasizing natural and organic qualities.

#8B8000 · #BDB76B · #F0E68C

CSS variables

:root {
  --sun-kissed-meadow-fields-1: #8B8000;
  --sun-kissed-meadow-fields-2: #BDB76B;
  --sun-kissed-meadow-fields-3: #DDA0DD;
  --sun-kissed-meadow-fields-4: #F0E68C;
  --sun-kissed-meadow-fields-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-meadow-fields": {
        1: "#8B8000",
        2: "#BDB76B",
        3: "#DDA0DD",
        4: "#F0E68C",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

meadow green color schemenatural earthy palettesunlit field colorswarm olive green designmuted lavender green palette

Palette colors

Hex values

Color 1#8B8000
·
Color 2#BDB76B
·
Color 3#DDA0DD
·
Color 4#F0E68C
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2:1Fail
3.2:1AA18
3.7:1AA18
2
2:1Fail
1:1Fail
1.6:1Fail
1.9:1Fail
3
2:1Fail
1:1Fail
1.6:1Fail
1.9:1Fail
4
3.2:1AA18
1.6:1Fail
1.6:1Fail
1.2:1Fail
5
3.7:1AA18
1.9:1Fail
1.9:1Fail
1.2:1Fail

Similar palettes

More like Sun-kissed Meadow Fields

View all earth