Back to palettes

Palette

Lemon Tart Brights

A wonderfully bright and zesty palette that captures the delightful freshness and sunny sweetness of a lemon tart.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lemon Tart Brights 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 Lemon Tart Brights.

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

Data visualization

#FFEB3B#FFC107#FFD54F#FFFDE7#FFEE58

Palette guide

How to use Lemon Tart Brights

Overview

The Lemon Tart Brights palette bursts with vibrant, zesty yellows, capturing the energetic sweetness of a fresh lemon tart. Featuring an array of sunny shades like the brilliant `#FFEB3B` (Yellow), the rich `#FFC107` (Amber), and the cheerful `#FFEE58` (Lemon Yellow), this collection is designed to evoke joy and vitality. The inclusion of `#FFFDE7` (Cream) provides a soft anchor, preventing the palette from becoming overwhelming. Ideal for designers aiming to inject cheerfulness and a playful, energetic mood into their projects, it's a wonderfully bright and zesty scheme.

Best used for

  • Food and beverage packaging (especially desserts)
  • Children's brands and educational apps
  • Summer event promotions and advertising
  • Vibrant web banners and digital ads
  • Energetic mobile app interfaces
  • Cheerful and playful logo designs

Suggested color roles

primary

Designate `#FFEB3B` (Yellow) as the main energetic focus, ideal for hero sections, main headlines, or prominent brand elements.

secondary

Use `#FFC107` (Amber) for supportive elements, offering a warm, inviting contrast and adding depth to the vibrant primary.

accent

Apply `#FFEE58` (Lemon Yellow) for vibrant highlights, interactive elements like buttons, or small graphic details that need to pop.

background

Employ `#FFFDE7` (Cream) as a clean, light backdrop that allows the brighter yellows to truly shine without harshness.

text

For maximum readability, use a dark charcoal or black text. White text can work for large headings on `#FFEB3B` or `#FFC107`.

Accessibility notes

  • Ensure all text on bright yellow backgrounds like `#FFEB3B` has very high contrast by using black or very dark text.
  • The light background `#FFFDE7` is excellent for dark text, ensuring good readability for body copy.
  • When using `#FFC107` or `#FFEE58` for interactive elements, verify they meet WCAG contrast guidelines against their background.
  • Avoid using light-colored text on any of the yellows as it will likely fail accessibility standards.

Recommended combinations

Zesty Header

For bright, attention-grabbing headers or hero sections that convey energy.

#FFEB3B · #FFFDE7 · #FFC107

Energetic CTA

Ideal for vibrant call-to-action buttons or prominent interactive elements.

#FFC107 · #FFEE58 · #FFFDE7

Playful Graphics

To create cheerful illustrations, infographics, or decorative patterns.

#FFEB3B · #FFD54F · #FFFDE7

CSS variables

:root {
  --lemon-tart-brights-1: #FFEB3B;
  --lemon-tart-brights-2: #FFC107;
  --lemon-tart-brights-3: #FFD54F;
  --lemon-tart-brights-4: #FFFDE7;
  --lemon-tart-brights-5: #FFEE58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lemon-tart-brights": {
        1: "#FFEB3B",
        2: "#FFC107",
        3: "#FFD54F",
        4: "#FFFDE7",
        5: "#FFEE58",
      }
    }
  }
}

Related searches

bright yellow palettelemon color schemecheerful design colorsvibrant tart huessunny branding palette

Palette colors

Hex values

Color 1#FFEB3B
·
Color 2#FFC107
·
Color 3#FFD54F
·
Color 4#FFFDE7
·
Color 5#FFEE58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
2
1.3:1Fail
1.2:1Fail
1.6:1Fail
1.4:1Fail
3
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
4
1.2:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail
5
1:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Lemon Tart Brights

View all vibrant
Citrus Zest Burst
Citrus Zest Pop
Citrus Zest Splash
Citrus Zest Splash
Energetic Citrus Zest
Golden Hour Zest