Back to palettes

Palette

Lemonade Stand Zest

Bright, cheerful yellows that capture the refreshing tartness of a sunny lemonade stand.

Vibrantenergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lemonade Stand Zest 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 Lemonade Stand Zest.

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

Data visualization

#F9E79F#F7DC6F#D4AC0D#F1C40F#FCF3CF

Palette guide

How to use Lemonade Stand Zest

Overview

The Lemonade Stand Zest palette bursts with bright, cheerful yellows, perfectly capturing the refreshing tartness and sunny energy of a classic lemonade stand. Featuring vibrant hues like `#F1C40F` (Gold), the slightly softer `#F7DC6F` (Goldenrod), and the deep, grounding `#D4AC0D` (Dark Goldenrod), this collection is designed to be invigorating and approachable. The inclusion of `#FCF3CF` (Cream) provides a clean, light base. Designers can use this palette to create lively, optimistic, and undeniably cheerful aesthetics, making it ideal for projects that aim to be fun, fresh, and full of youthful spirit.

Best used for

  • Children's toys and educational materials
  • Summer camps and outdoor activity promotions
  • Artisanal lemonade or beverage branding
  • Cheerful packaging for food products
  • Vibrant social media graphics and campaigns
  • Energetic web design for youth-focused brands

Suggested color roles

primary

Lead with `#F1C40F` (Gold) as the bright, inviting main yellow, perfect for brand identity or key design elements.

secondary

Utilize `#F7DC6F` (Goldenrod) as a slightly softer, supportive yellow for secondary elements or subtle background textures.

accent

Apply `#D4AC0D` (Dark Goldenrod) for rich, deep accents, ideal for strong calls-to-action or grounding elements.

background

Employ `#FCF3CF` (Cream) as a clean, very light background, allowing the vibrant yellows to truly pop.

text

For strong readability, use dark brown or black text. White text can be used for large headings on `#F1C40F` or `#D4AC0D`.

Accessibility notes

  • All yellows in this palette are light; ensure text colors (especially on `#FCF3CF`) are very dark for readability.
  • When using `#D4AC0D` for high-contrast accents, ensure it meets minimum contrast ratios against its background.
  • Avoid using light-colored text on any of the brighter yellows (`#F9E79F`, `#F7DC6F`) to prevent accessibility issues.
  • The purest yellow (`#F1C40F`) will require black or very dark text to be legible.

Recommended combinations

Zesty Header

For bright, cheerful headers with a grounding accent, creating impact and clarity.

#F1C40F · #FCF3CF · #D4AC0D

Playful Elements

Ideal for illustrations, decorative elements, or patterns that feel light and fun.

#F7DC6F · #F9E79F · #F1C40F

Bold CTA

To create strong, attention-grabbing calls-to-action or important informational blocks.

#D4AC0D · #F9E79F · #F1C40F

CSS variables

:root {
  --lemonade-stand-zest-1: #F9E79F;
  --lemonade-stand-zest-2: #F7DC6F;
  --lemonade-stand-zest-3: #D4AC0D;
  --lemonade-stand-zest-4: #F1C40F;
  --lemonade-stand-zest-5: #FCF3CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lemonade-stand-zest": {
        1: "#F9E79F",
        2: "#F7DC6F",
        3: "#D4AC0D",
        4: "#F1C40F",
        5: "#FCF3CF",
      }
    }
  }
}

Related searches

bright lemonade colorscheerful yellow palettesummer stand designvibrant zest schemegolden lemon hues

Palette colors

Hex values

Color 1#F9E79F
·
Color 2#F7DC6F
·
Color 3#D4AC0D
·
Color 4#F1C40F
·
Color 5#FCF3CF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.3:1Fail
1.1:1Fail
2
1.1:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
3
1.7:1Fail
1.6:1Fail
1.3:1Fail
1.9:1Fail
4
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail
5
1.1:1Fail
1.2:1Fail
1.9:1Fail
1.5:1Fail

Similar palettes

More like Lemonade Stand Zest

View all Vibrant