Back to palettes

Palette

Citrus Fiesta

A jubilant explosion of zesty yellows, fiery oranges, and fresh greens, celebrating sunny exuberance.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#FF4500#ADFF2F#32CD32

Palette guide

How to use Citrus Fiesta

Overview

The Citrus Fiesta palette is a jubilant explosion of zesty yellows, fiery oranges, and fresh greens, designed to infuse any project with playful energy. It features the radiant #FFD700 (Gold), a classic #FFA500 (Orange), and a bold #FF4500 (OrangeRed), perfectly balanced by the vibrant #ADFF2F (GreenYellow) and a deep #32CD32 (LimeGreen). This palette provides designers and developers with a powerful toolset for creating highly engaging and memorable visual experiences. Its dynamic range is ideal for conveying excitement, celebration, and a natural, lively spirit across various digital and print applications.

Best used for

  • Festival and event branding
  • Children's entertainment products
  • Party supplies and decorations
  • Summer campaign promotions
  • Playful food and beverage packaging
  • Interactive game interfaces

Suggested color roles

primary

#FFD700 (A bright, cheerful gold that serves as an excellent base for lively designs and prominent elements.)

secondary

#FFA500 (A classic orange, ideal for supporting content, subheadings, or secondary calls-to-action.)

accent

#FF4500 (A bold, attention-grabbing orange-red, perfect for impactful calls-to-action, alerts, or key highlights.)

background

#FFD700 (A warm, inviting base that emanates positivity, suitable for full-page backgrounds or large sections.)

text

#32CD32 (A vibrant lime green for energetic text on light backgrounds, or use a dark neutral like #333333 for general readability.)

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #FFD700 or #ADFF2F with light text; use #FF4500 or #000000.
  • The vibrant #FF4500, #FFA500, and #32CD32 offer good contrast for white or very light text.
  • Avoid using #ADFF2F for small text on similar light backgrounds; readability can be challenging.
  • For interactive elements, maintain at least a 3:1 contrast ratio against adjacent colors to meet WCAG AA standards.

Recommended combinations

Festive Trio

Excellent for vibrant hero sections, with #FFD700 as background, #32CD32 for fresh accents, and #FF4500 for key CTAs.

#FFD700 · #32CD32 · #FF4500

Zesty Layers

Ideal for infographics or layered UI elements, showcasing a natural progression from orange to green.

#FFA500 · #ADFF2F · #FFD700

Tropical Pop

Use #FF4500 for high-impact titles, #32CD32 for striking illustrations, and #FFA500 for supporting details.

#FF4500 · #32CD32 · #FFA500

CSS variables

:root {
  --citrus-fiesta-1: #FFD700;
  --citrus-fiesta-2: #FFA500;
  --citrus-fiesta-3: #FF4500;
  --citrus-fiesta-4: #ADFF2F;
  --citrus-fiesta-5: #32CD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-fiesta": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF4500",
        4: "#ADFF2F",
        5: "#32CD32",
      }
    }
  }
}

Related searches

vibrant party color schemeenergetic citrus green paletteplayful summer brandingbright fiesta colorsjoyful ui color ideas

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF4500
·
Color 4#ADFF2F
·
Color 5#32CD32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
1.1:1Fail
1.5:1Fail
2
1.4:1Fail
1.7:1Fail
1.6:1Fail
1.1:1Fail
3
2.5:1Fail
1.7:1Fail
2.8:1Fail
1.6:1Fail
4
1.1:1Fail
1.6:1Fail
2.8:1Fail
1.7:1Fail
5
1.5:1Fail
1.1:1Fail
1.6:1Fail
1.7:1Fail

Similar palettes

More like Citrus Fiesta

View all vibrant
Citrus Zest Pop
Grapefruit Spritzer Fun
Berry Patch Bliss
Citrus Grove Splash
Citrus Spritz Burst
Confetti Party Blast