Back to palettes

Palette

Juicy Orchard Burst

A bursting array of bright, zesty colors like tropical fruits, conveying a lively and refreshing sensation.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Juicy Orchard 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 Juicy Orchard Burst.

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

Data visualization

#FCDA14#FF6B00#FF00A6#7CFC00#40E0D0

Palette guide

How to use Juicy Orchard Burst

Overview

The Juicy Orchard Burst palette is a vibrant explosion of tropical and energetic hues, perfect for conveying a lively and refreshing sensation. Featuring a sunny yellow (#FCDA14), a zesty orange (#FF6B00), an electric fuchsia (#FF00A6), a lively lime green (#7CFC00), and a cool turquoise (#40E0D0), this collection is ideal for designers and developers aiming to create dynamic and eye-catching experiences. These bold, saturated colors capture the essence of exotic fruits and summer fun, making any project feel exciting, modern, and full of zest.

Best used for

  • Summer and tropical campaign branding
  • Children's product design
  • Energetic mobile app interfaces
  • Festival or event marketing
  • Juice bar or healthy food branding
  • Playful digital illustrations

Suggested color roles

primary

Utilize #FF6B00 (vibrant orange) as an energetic primary color, perfect for calls-to-action or main branding.

secondary

Employ #FCDA14 (sunny yellow) for bright secondary content, headers, or to add warmth.

accent

Apply #FF00A6 (electric fuchsia) sparingly for bold highlights, interactive elements, or striking graphic details.

background

Use #40E0D0 (turquoise) for a refreshing background, or a neutral white to let the vibrant colors pop.

text

For optimal readability, use black or a very dark charcoal for primary text on light backgrounds like #FCDA14.

Accessibility notes

  • High saturation requires careful contrast management; ensure text on bright backgrounds is dark enough to read.
  • Avoid placing highly saturated, similar-luminance colors directly next to each other without clear visual separation.
  • The bright #FCDA14 and #7CFC00 will need very dark text (e.g., black) to meet WCAG contrast standards.
  • Use a color contrast checker for all text and interactive elements to ensure accessibility.

Recommended combinations

Tropical Punch

Ideal for main branding, call-to-actions, and hero sections that demand attention.

#FF6B00 · #FCDA14 · #FF00A6

Lush Canopy

Excellent for illustrations, nature-themed designs, or secondary visual elements.

#7CFC00 · #40E0D0 · #FCDA14

Sunset Glow

Creates vibrant gradients, playful backgrounds, or striking highlight effects.

#FF6B00 · #FCDA14 · #FF00A6

CSS variables

:root {
  --juicy-orchard-burst-1: #FCDA14;
  --juicy-orchard-burst-2: #FF6B00;
  --juicy-orchard-burst-3: #FF00A6;
  --juicy-orchard-burst-4: #7CFC00;
  --juicy-orchard-burst-5: #40E0D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "juicy-orchard-burst": {
        1: "#FCDA14",
        2: "#FF6B00",
        3: "#FF00A6",
        4: "#7CFC00",
        5: "#40E0D0",
      }
    }
  }
}

Related searches

vibrant tropical paletteenergetic fruit colorssummer design schemebold playful colorsneon bright palette

Palette colors

Hex values

Color 1#FCDA14
·
Color 2#FF6B00
·
Color 3#FF00A6
·
Color 4#7CFC00
·
Color 5#40E0D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.6:1Fail
1:1Fail
1.2:1Fail
2
2.1:1Fail
1.3:1Fail
2.1:1Fail
1.7:1Fail
3
2.6:1Fail
1.3:1Fail
2.7:1Fail
2.2:1Fail
4
1:1Fail
2.1:1Fail
2.7:1Fail
1.2:1Fail
5
1.2:1Fail
1.7:1Fail
2.2:1Fail
1.2:1Fail

Similar palettes

More like Juicy Orchard Burst

View all vibrant