Back to palettes

Palette

Meadow Lark Flight

Cheerful yellows and soft greens inspired by a sunlit meadow and the golden feathers of a lark.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Meadow Lark Flight 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 Meadow Lark Flight.

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

Data visualization

#D9BB56#EBD575#FAECA4#C0A94F#A08C3B

Palette guide

How to use Meadow Lark Flight

Overview

The "Meadow Lark Flight" color palette captures the essence of a sun-drenched field with its harmonious blend of golden yellows. Featuring vibrant tones like #D9BB56 and softer hues such as #EBD575, alongside the creamy #FAECA4, this palette evokes cheerfulness and natural warmth. Developers and designers can leverage its earthy depth, provided by #C0A94F and the rich #A08C3B, to create inviting and optimistic digital experiences. Ideal for branding and UI that aims for a friendly, organic, or wholesome feel, it offers a versatile spectrum from bright accents to grounding foundations, perfect for conveying natural beauty and joy in web and print projects.

Best used for

  • Eco-friendly and sustainable brand identities
  • Children's book illustrations and educational apps
  • Spring and summer seasonal marketing campaigns
  • Food packaging, especially for natural or organic products
  • Nature-themed websites and blogs
  • Warm, inviting user interfaces for lifestyle apps

Suggested color roles

primary

#D9BB56. A cheerful and prominent golden yellow, perfect for main calls-to-action, primary branding elements, or hero sections to convey optimism.

secondary

#EBD575. A softer, supportive yellow ideal for background elements, secondary buttons, or large content blocks where a gentle warmth is desired.

accent

#FAECA4. Use this lightest shade for subtle highlights, interactive states like hovers, or as a delicate border to add a touch of luminosity and softness.

background

#FAECA4. Its pale, creamy quality makes it an excellent choice for light backgrounds, providing a soft canvas that feels natural and unobtrusive.

text

#A08C3B. This deep, earthy golden yellow offers sufficient contrast against lighter palette colors, or use a dark charcoal or black for optimal readability on #FAECA4.

Accessibility notes

  • Ensure #A08C3B or #C0A94F is used for body text on #FAECA4 to meet WCAG AA contrast standards for readability.
  • Avoid placing #FAECA4 text directly on #EBD575 or #D9BB56 backgrounds as contrast will be insufficient for most users.
  • For interactive elements like buttons, ensure the text color (e.g., a dark neutral) contrasts well with the button's background color (#D9BB56 or #EBD575).
  • Use a strong contrast like black or a very dark gray for essential UI text on any of the lighter yellows to guarantee universal readability.

Recommended combinations

Sunny CTA

#D9BB56 for a button background, #A08C3B for text, and #FAECA4 for a subtle hover state or icon on the button.

#D9BB56 · #A08C3B · #FAECA4

Gentle Gradient

A soft linear gradient from #EBD575 to #C0A94F for a header or banner, with #FAECA4 used for subtle overlays or texture.

#EBD575 · #C0A94F · #FAECA4

Earthy Footer

#A08C3B for a footer background, #D9BB56 for headings, and #EBD575 for secondary links or small text within.

#A08C3B · #D9BB56 · #EBD575

CSS variables

:root {
  --meadow-lark-flight-1: #D9BB56;
  --meadow-lark-flight-2: #EBD575;
  --meadow-lark-flight-3: #FAECA4;
  --meadow-lark-flight-4: #C0A94F;
  --meadow-lark-flight-5: #A08C3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-lark-flight": {
        1: "#D9BB56",
        2: "#EBD575",
        3: "#FAECA4",
        4: "#C0A94F",
        5: "#A08C3B",
      }
    }
  }
}

Related searches

golden yellow color palettenatural warm colorssunny bird inspired paletteorganic cheerful UI colorsmeadow themed design colors

Palette colors

Hex values

Color 1#D9BB56
·
Color 2#EBD575
·
Color 3#FAECA4
·
Color 4#C0A94F
·
Color 5#A08C3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.2:1Fail
1.8:1Fail
2
1.3:1Fail
1.2:1Fail
1.6:1Fail
2.3:1Fail
3
1.6:1Fail
1.2:1Fail
1.9:1Fail
2.8:1Fail
4
1.2:1Fail
1.6:1Fail
1.9:1Fail
1.4:1Fail
5
1.8:1Fail
2.3:1Fail
2.8:1Fail
1.4:1Fail

Similar palettes

More like Meadow Lark Flight

View all warm
Golden Grain Fields
Amber Grain Harvest
Desert Mesa Glow
Golden Afternoon Glow
Golden Field Radiance
Golden Field Sun