Back to palettes

Palette

Sun-drenched Meadow

A cheerful dance of sun-kissed greens and golden yellows, full of summer's joy.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8BC34A#CDDC39#FFEB3B#FFC107#FF9800

Palette guide

How to use Sun-drenched Meadow

Overview

The Sun-drenched Meadow palette is a cheerful dance of sun-kissed greens and golden yellows, full of summer's joy and vibrant energy. This energetic collection, featuring shades like the fresh green `#8BC34A`, the bright yellow of `#FFEB3B`, and the warm orange of `#FF9800`, is perfect for designs aiming to evoke natural beauty and a lively atmosphere. Designers and developers can leverage its balanced mix of refreshing and warm tones to create inviting and optimistic user experiences. With additional hues like the subtle `#CDDC39` and the glowing `#FFC107`, this palette offers versatility for branding, web design, and digital art, ensuring a fresh and engaging visual story.

Best used for

  • Eco-friendly product branding
  • Children's book illustrations
  • Summer festival event promotions
  • Healthy food and beverage packaging
  • Nature-themed websites or apps
  • Outdoor lifestyle marketing

Suggested color roles

primary

Use `#8BC34A` for main brand elements or large content blocks to convey freshness and nature.

secondary

Apply `#FFEB3B` for highlights, calls-to-action, or secondary visual elements to add energy.

accent

Employ `#FF9800` sparingly for impactful accents, notifications, or interactive components.

background

Utilize `#CDDC39` as a light, airy background for a subtle natural feel, or a near-white for ultimate versatility.

text

For body text, use black or a dark charcoal. For headings against light backgrounds, `#8BC34A` or `#FF9800` can work effectively.

Accessibility notes

  • Ensure sufficient contrast when using `#FFEB3B` or `#FFC107` for text, especially on white or light backgrounds.
  • Pair `#CDDC39` backgrounds with dark text (e.g., black or a very dark green) for optimal readability.
  • The bright yellows like `#FFEB3B` might require larger font sizes or bolding to meet WCAG contrast guidelines.
  • Avoid placing light-colored text directly on `#FFC107` or `#FF9800` without checking contrast ratios.

Recommended combinations

Fresh & Lively

A dynamic trio for energetic branding, social media graphics, or cheerful website sections.

#8BC34A · #FFEB3B · #FF9800

Earthy Glow

Ideal for a softer, more natural aesthetic in packaging or serene digital interfaces.

#CDDC39 · #FFC107 · #8BC34A

Golden Pop

Excellent for highlighting positive messages, awards, or vibrant seasonal promotions.

#FFEB3B · #FFC107 · #CDDC39

CSS variables

:root {
  --sun-drenched-meadow-1: #8BC34A;
  --sun-drenched-meadow-2: #CDDC39;
  --sun-drenched-meadow-3: #FFEB3B;
  --sun-drenched-meadow-4: #FFC107;
  --sun-drenched-meadow-5: #FF9800;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-meadow": {
        1: "#8BC34A",
        2: "#CDDC39",
        3: "#FFEB3B",
        4: "#FFC107",
        5: "#FF9800",
      }
    }
  }
}

Related searches

cheerful green yellow palettesummer meadow colorsnatural energetic schemevibrant green yellow brandingsunny outdoor color palette

Palette colors

Hex values

Color 1#8BC34A
·
Color 2#CDDC39
·
Color 3#FFEB3B
·
Color 4#FFC107
·
Color 5#FF9800
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
1.3:1Fail
1:1Fail
2
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail
4
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail
5
1:1Fail
1.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Sun-drenched Meadow

View all Vibrant
Citrus Burst
Citrus Zest Burst
Retro Comic Brights
Aurora Blossom Dreams
City Night Electric
Coral Bloom