Back to palettes

Palette

Warm Meadow Sunlight

Soft, radiant yellows and golds, capturing the gentle glow of sunbeams across a summer meadow.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Meadow Sunlight 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 Warm Meadow Sunlight.

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

Data visualization

#F9E0B7#F0C47E#DAA259#B77F38#FFEABF

Palette guide

How to use Warm Meadow Sunlight

Overview

The Warm Meadow Sunlight palette radiates a gentle, optimistic glow, capturing the essence of sunbeams on a summer day. This collection features soft, luminous yellows and golds, from the delicate #FFEABF and #F9E0B7 to the richer, more grounded #F0C47E, #DAA259, and #B77F38. It's an excellent choice for designs that aim to evoke feelings of happiness, natural warmth, and airy expansiveness. Designers can use these hues to create inviting, light-filled interfaces suitable for brands focused on wellness, nature, or joyful experiences, providing a vibrant yet subtle aesthetic.

Best used for

  • Wellness and spa websites
  • Summer event promotions
  • Children's product branding
  • Organic food and natural beauty packaging
  • Photography portfolios with bright themes
  • Travel blogs focused on sunny destinations

Suggested color roles

primary

#DAA259 - A golden, sun-kissed hue, ideal for main headings, calls to action, or prominent design elements, bringing warmth and energy.

secondary

#F0C47E - A softer, radiant yellow-gold, perfect for subheadings, active states, or to highlight secondary information, enhancing the sunny feel.

accent

#B77F38 - A deeper, more grounded gold-brown, excellent for subtle emphasis, interactive elements, or important details requiring more visual weight.

background

#FFEABF - A very light, airy cream, providing a luminous and expansive canvas that allows other colors to shine.

text

#B77F38 - A rich, readable gold-brown for body text on light backgrounds, ensuring good contrast while maintaining the palette's natural warmth.

Accessibility notes

  • Use #B77F38 or a dark charcoal for text on #FFEABF or #F9E0B7 backgrounds to ensure WCAG AA readability.
  • Be cautious with #F0C47E or #DAA259 for small text on light backgrounds; they may lack sufficient contrast.
  • Ensure interactive elements have clear visual states, perhaps using #DAA259 for hover/active states against #F9E0B7.
  • Avoid placing light text (e.g., #F9E0B7) directly on lighter background colors within this palette.

Recommended combinations

Golden Hour

Perfect for cheerful headers or introductory sections, with #DAA259 for titles, #F0C47E for accents, and #FFEABF as the background.

#FFEABF · #F0C47E · #DAA259

Meadow Path

Effective for content cards or navigation, using #F9E0B7 as a background with #B77F38 for text and icons for strong readability.

#F9E0B7 · #B77F38 · #F0C47E

Sunbeam Highlight

A high-contrast pairing for calls to action or important buttons, where #DAA259 is the button color and #FFEABF is the text.

#DAA259 · #FFEABF · #B77F38

CSS variables

:root {
  --warm-meadow-sunlight-1: #F9E0B7;
  --warm-meadow-sunlight-2: #F0C47E;
  --warm-meadow-sunlight-3: #DAA259;
  --warm-meadow-sunlight-4: #B77F38;
  --warm-meadow-sunlight-5: #FFEABF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-meadow-sunlight": {
        1: "#F9E0B7",
        2: "#F0C47E",
        3: "#DAA259",
        4: "#B77F38",
        5: "#FFEABF",
      }
    }
  }
}

Related searches

sunny color schemesgolden yellow palettesummer warm colorslight natural aestheticoptimistic branding colors

Palette colors

Hex values

Color 1#F9E0B7
·
Color 2#F0C47E
·
Color 3#DAA259
·
Color 4#B77F38
·
Color 5#FFEABF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.7:1Fail
1.1:1Fail
2
1.3:1Fail
1.4:1Fail
2.1:1Fail
1.4:1Fail
3
1.8:1Fail
1.4:1Fail
1.5:1Fail
1.9:1Fail
4
2.7:1Fail
2.1:1Fail
1.5:1Fail
2.9:1Fail
5
1.1:1Fail
1.4:1Fail
1.9:1Fail
2.9:1Fail

Similar palettes

More like Warm Meadow Sunlight

View all warm
Golden Hour Glow
Golden Hour Meadow
Sunbeam Golden Embrace
Amber Sundown Glow
Amber Wheat Harvest
Desert Sun Bake