Back to palettes

Palette

Playful Citrus Burst

A zesty explosion of juicy citrus fruits, full of vibrant energy and refreshing, tangy zest.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF5A00#FFBB00#FCE883#B8DE29#00A693

Palette guide

How to use Playful Citrus Burst

Overview

The Playful Citrus Burst palette is a zesty and invigorating collection, perfectly capturing the essence of fresh citrus fruits and natural energy. It features a bold orange #FF5A00, a sunny yellow-orange #FFBB00, a soft lemon-cream #FCE883, a vibrant lime green #B8DE29, and a refreshing teal #00A693. This palette is an excellent choice for designers and developers aiming to convey freshness, vitality, and a playful mood. The harmonious blend of warm and cool tones creates a balanced yet energetic visual experience, ideal for health-conscious or nature-inspired projects.

Best used for

  • Healthy food and beverage packaging
  • Summer event promotions and advertisements
  • Smoothie bar and juice shop branding
  • Eco-friendly product designs and websites
  • Wellness and fitness app interfaces
  • Garden-themed decor and lifestyle blogs

Suggested color roles

primary

Use #FF5A00 as the energetic main color for headlines, calls-to-action, or key visual elements, conveying zest and enthusiasm.

secondary

Apply #00A693 for balancing cool elements, providing contrast or for secondary information blocks, evoking freshness and calm.

accent

Utilize #FFBB00 for bright highlights, icons, or decorative elements to add a cheerful, sunny pop of color.

background

Employ #FCE883 as a soft, warm, and inviting background base that allows the more vibrant hues to stand out effectively.

text

For optimal readability, use a dark charcoal or deep green (e.g., a darker shade of #00A693) for text, ensuring strong contrast.

Accessibility notes

  • Ensure sufficient contrast for text placed on #FCE883 or #FFBB00; dark text is generally recommended for readability.
  • Avoid using #B8DE29 for small text on light backgrounds due to potential low contrast; best for larger elements or accents.
  • Check contrast ratios carefully when layering #FF5A00 and #00A693 with text to meet accessibility standards.
  • Pair these vibrant colors with neutral or very light backgrounds to enhance readability and prevent visual fatigue.

Recommended combinations

Zesty Fresh

Excellent for creating invigorating graphics, product labels, or web sections promoting freshness and health.

#FF5A00 · #00A693 · #FFBB00

Sunny Garden

Ideal for softer, nature-inspired designs, backgrounds, or illustrations needing a gentle yet vibrant touch.

#FCE883 · #B8DE29 · #00A693

Tropical Blend

Perfect for creating dynamic and lively compositions, suitable for summer campaigns or playful brand elements.

#FFBB00 · #B8DE29 · #FF5A00

CSS variables

:root {
  --playful-citrus-burst-2-1: #FF5A00;
  --playful-citrus-burst-2-2: #FFBB00;
  --playful-citrus-burst-2-3: #FCE883;
  --playful-citrus-burst-2-4: #B8DE29;
  --playful-citrus-burst-2-5: #00A693;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-citrus-burst-2": {
        1: "#FF5A00",
        2: "#FFBB00",
        3: "#FCE883",
        4: "#B8DE29",
        5: "#00A693",
      }
    }
  }
}

Related searches

vibrant citrus color schemefresh fruit branding paletteplayful summer designzesty web colorsenergetic food packaging colors

Palette colors

Hex values

Color 1#FF5A00
·
Color 2#FFBB00
·
Color 3#FCE883
·
Color 4#B8DE29
·
Color 5#00A693
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.5:1Fail
2:1Fail
1:1Fail
2
1.8:1Fail
1.4:1Fail
1.1:1Fail
1.8:1Fail
3
2.5:1Fail
1.4:1Fail
1.3:1Fail
2.5:1Fail
4
2:1Fail
1.1:1Fail
1.3:1Fail
2:1Fail
5
1:1Fail
1.8:1Fail
2.5:1Fail
2:1Fail

Similar palettes

More like Playful Citrus Burst

View all vibrant
Citrus Burst Fizz
Citrus Grove Splash
Citrus Spritz Splash
Berry Blossom
Berry Patch Bliss
Circus Tent Jubilee