Palette

Lemon Zest Fiesta

Lively yellows and golds that burst with the vibrant, tangy energy of freshly zested lemons.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lemon Zest Fiesta 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 Zest Fiesta.

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

Data visualization

#FFFF00#FFD700#FFC30B#FFEC00#F0F8FF

Palette guide

How to use Lemon Zest Fiesta

Overview

The Lemon Zest Fiesta palette is a lively, celebratory collection bursting with vibrant yellows and golds, reminiscent of freshly zested lemons. It features pure, energetic hues like `#FFFF00` (Pure Yellow), the rich `#FFD700` (Gold), and a deep `#FFC30B` (Goldenrod). The inclusion of `#F0F8FF` (Alice Blue) provides a crisp, cool counterpoint, adding a refreshing balance to the warmth. This palette is perfect for designers looking to create a playful, energetic, and undeniably cheerful aesthetic, ideal for projects that aim to be fun and full of life.

Best used for

Party supplies and festive event branding
Children's entertainment and educational platforms
Casual dining or snack food branding
Summer advertising campaigns and promotions
Playful digital interfaces and apps
Vibrant social media graphics

Suggested color roles

primary

Set `#FFFF00` (Pure Yellow) as the dominant, energetic force, perfect for main headlines, logos, or hero sections.

secondary

Utilize `#FFD700` (Gold) for supportive elements, providing a rich, warm complement to the intense primary yellow.

accent

Apply `#FFC30B` (Goldenrod) for strong, deep accents, ideal for calls-to-action or elements requiring high visual weight.

background

Employ `#F0F8FF` (Alice Blue) as a clean, crisp background that offers a refreshing visual break from the bright yellows.

text

For optimal readability, use black or a very dark charcoal. White text can be used for large headings on `#FFFF00` or `#FFD700` if contrast is checked.

Accessibility notes

Pure yellow (`#FFFF00`) demands very dark text (black or dark charcoal) for any readability; avoid light text entirely.
The cool `#F0F8FF` provides excellent contrast for dark text, making it ideal for body copy backgrounds.
Ensure `#FFC30B` as an accent color meets minimum contrast ratios when used for interactive elements.
Be mindful of contrast when layering any yellow on another yellow; darker text is almost always required.

Recommended combinations

Fiesta Contrast

For bright, high-impact features balanced with a cool, refreshing backdrop.

#FFFF00 · #F0F8FF · #FFC30B

Golden Accents

To add subtle richness and warmth to a light, airy design.

#FFD700 · #FFEC00 · #F0F8FF

Vibrant Callout

Perfect for bold alerts, prominent buttons, or key information blocks.

#FFC30B · #FFFF00 · #F0F8FF

CSS variables

:root {
  --lemon-zest-fiesta-1: #FFFF00;
  --lemon-zest-fiesta-2: #FFD700;
  --lemon-zest-fiesta-3: #FFC30B;
  --lemon-zest-fiesta-4: #FFEC00;
  --lemon-zest-fiesta-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lemon-zest-fiesta": {
        1: "#FFFF00",
        2: "#FFD700",
        3: "#FFC30B",
        4: "#FFEC00",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#FFFF00

Color 2#FFD700

Color 3#FFC30B

Color 4#FFEC00

Color 5#F0F8FF

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.5:1Fail

1.1:1Fail

Similar palettes

More like Lemon Zest Fiesta

Lemon Zest Fiesta

See it in context.

Ready when you are.

Built with Lemon Zest Fiesta.

How to use Lemon Zest Fiesta

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fiesta Contrast

Golden Accents

Vibrant Callout

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Lemon Zest Fiesta