Palette

Sunlit Meadow Bloom

Bright and cheerful yellows reflect a sun-drenched meadow bursting with golden flowers.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFF9E6#FAEEC9#E8D288#C1A03F#8C712C

Palette guide

How to use Sunlit Meadow Bloom

Overview

The Sunlit Meadow Bloom palette radiates bright and cheerful yellows, reflecting a sun-drenched meadow bursting with golden flowers. This energetic palette includes a delicate cream #FFF9E6, a soft butter yellow #FAEEC9, a warm gold #E8D288, a deeper mustard #C1A03F, and a rich earthy brown #8C712C. It's an excellent choice for designers aiming to convey energy, joy, and a connection to nature's vibrancy. The hex codes offer a spectrum from light and airy to grounded and rich, allowing for versatile applications. Developers can use this palette to create warm, inviting interfaces that feel both fresh and established, perfect for evoking a sense of natural abundance and happiness.

Best used for

Organic food branding
Gardening and floral websites
Spring and summer event promotions
Children's clothing brands
Natural beauty products
Agricultural marketing materials

Suggested color roles

primary

Utilize #C1A03F, a rich mustard gold, for prominent headings, calls to action, or key brand elements to convey warmth and quality.

secondary

Employ #E8D288, a warm gold, for secondary buttons, navigation, or as a background for sections that need a gentle glow.

accent

Introduce #8C712C, a deep earthy brown, for grounding accents, outlines, or as a sophisticated text color on lighter backgrounds.

background

Use #FFF9E6, a delicate cream, for clean, expansive backgrounds, providing a soft, luminous canvas for other colors.

text

For optimal readability, use black, dark charcoal, or #8C712C for body text on #FFF9E6 or #FAEEC9. White text can work on #C1A03F or #8C712C.

Accessibility notes

Ensure high contrast when using lighter yellows like #FFF9E6 and #FAEEC9 as background for text; black or #8C712C is recommended.
Avoid pairing yellow text on light yellow backgrounds; aim for significant value differences.
Test text legibility of #C1A03F on #E8D288, as contrast may be insufficient for smaller font sizes.
Always verify WCAG AA compliance for all text and interactive element color combinations, especially with adjacent light yellows.

Recommended combinations

Sunny Field

Creates a bright, inviting background or gentle gradient, perfect for hero sections or product showcases.

#FFF9E6 · #FAEEC9 · #E8D288

Golden Earth

Effective for strong headers, calls to action, or branding elements that need a grounded, natural feel.

#C1A03F · #8C712C · #FFF9E6

Bloom Depth

Ideal for layered elements, data visualizations, or illustrations that require depth and a natural progression.

#E8D288 · #C1A03F · #8C712C

CSS variables

:root {
  --sunlit-meadow-bloom-1: #FFF9E6;
  --sunlit-meadow-bloom-2: #FAEEC9;
  --sunlit-meadow-bloom-3: #E8D288;
  --sunlit-meadow-bloom-4: #C1A03F;
  --sunlit-meadow-bloom-5: #8C712C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-meadow-bloom": {
        1: "#FFF9E6",
        2: "#FAEEC9",
        3: "#E8D288",
        4: "#C1A03F",
        5: "#8C712C",
      }
    }
  }
}

Hex values

Color 1#FFF9E6

Color 2#FAEEC9

Color 3#E8D288

Color 4#C1A03F

Color 5#8C712C

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

2.4:1Fail

4.4:1AA18

1.1:1Fail

1.3:1Fail

2.2:1Fail

4:1AA18

1.4:1Fail

1.3:1Fail

1.7:1Fail

3.1:1AA18

2.4:1Fail

2.2:1Fail

1.7:1Fail

1.9:1Fail

4.4:1AA18

4:1AA18

3.1:1AA18

1.9:1Fail

Similar palettes

More like Sunlit Meadow Bloom

View all warm

Golden Hour Glow

Radiant Sunflower Field

Wildflower Honey Glow

Desert Bloom Oasis

Golden Bazaar

Golden Hour Embrace