Back to palettes

Palette

Sunny Meadow

A cheerful and radiant palette that brings to mind vast fields of wildflowers basking under a bright sun.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDD76D#FFD700#BEE66E#8BC34A#C9EE64

Palette guide

How to use Sunny Meadow

Overview

The Sunny Meadow palette is a radiant and cheerful collection, perfectly embodying the essence of wildflowers basking under a bright sun. It features a range of inviting yellows, including the soft Golden Yellow (#FDD76D) and the classic Goldenrod (#FFD700), both exuding warmth and light. These sunny tones are beautifully balanced by a trio of fresh greens: the vibrant Pale Green (#BEE66E), a deeper Lime Green (#8BC34A), and a lively Chartreuse (#C9EE64), which evoke lush foliage and natural growth. This palette is ideal for designs seeking a playful, natural, and invigorating feel, celebrating the joyful simplicity of the outdoors.

Best used for

  • Children's toys and educational materials
  • Organic and natural food branding
  • Gardening and outdoor lifestyle products
  • Spring and summer event promotions
  • Eco-conscious and sustainable businesses
  • Cheerful web design and mobile apps

Suggested color roles

primary

Utilize #FFD700 (Goldenrod) as a warm, inviting primary color to convey sunshine, happiness, and energy.

secondary

Apply #8BC34A (Lime Green) as a fresh secondary, perfect for symbolizing growth, nature, or as a vibrant contrast.

accent

Introduce #C9EE64 (Chartreuse) as a bright, playful accent, ideal for calls to action or to add a zesty pop.

background

Consider #FDD76D (Golden Yellow) for warm sections, or a very light cream/off-white to allow the other colors to stand out clearly.

text

For optimal readability, use a dark green like #8BC34A, a rich brown, or a standard charcoal gray. Black text will also provide strong contrast.

Accessibility notes

  • Ensure text on #FDD76D, #FFD700, and #C9EE64 has sufficient contrast, preferably with a dark text color.
  • Avoid using light greens like #BEE66E as text on similar light yellow backgrounds, as contrast may be too low.
  • The darker #8BC34A (Lime Green) provides good contrast for text on lighter yellow backgrounds.
  • Always perform WCAG contrast checks, especially for interactive elements and crucial information.

Recommended combinations

Sunlit Greens

Ideal for natural-themed headers or sections, evoking lush outdoor scenes.

#FFD700 · #BEE66E · #8BC34A

Golden Zest

Excellent for dynamic infographics or playful call-to-action buttons.

#FDD76D · #C9EE64 · #8BC34A

Bright Meadow

Effective for cheerful branding or background patterns, suggesting warmth and vitality.

#FFD700 · #C9EE64 · #FDD76D

CSS variables

:root {
  --sunny-meadow-1: #FDD76D;
  --sunny-meadow-2: #FFD700;
  --sunny-meadow-3: #BEE66E;
  --sunny-meadow-4: #8BC34A;
  --sunny-meadow-5: #C9EE64;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-meadow": {
        1: "#FDD76D",
        2: "#FFD700",
        3: "#BEE66E",
        4: "#8BC34A",
        5: "#C9EE64",
      }
    }
  }
}

Related searches

cheerful yellow green palettebright flower color schemesunny nature design colorsplayful outdoor brandingvibrant spring summer hues

Palette colors

Hex values

Color 1#FDD76D
·
Color 2#FFD700
·
Color 3#BEE66E
·
Color 4#8BC34A
·
Color 5#C9EE64
·

Accessibility

Contrast checker

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

Similar palettes

More like Sunny Meadow

View all vibrant
Sunny Meadow Bloom
Absinthe Spirit
Big Top Parade
Birthday Parade Joy
Bright Carnival Swirl
Candy Carnival Swirl