Palette

Sunny Fruit Zing

A lively explosion of sun-kissed yellows, oranges, and a touch of surprising pink for zest.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunny Fruit Zing 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 Sunny Fruit Zing.

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

Data visualization

#FFD700#FFA500#FF4500#FF69B4#ADFF2F

Palette guide

How to use Sunny Fruit Zing

Overview

The Sunny Fruit Zing palette is an explosion of vibrant, energetic colors, perfect for designs that demand attention and convey a sense of playful excitement. It features the brilliant Goldenrod (#FFD700), a juicy Orange (#FFA500), and an intense Orange Red (#FF4500), forming a fiery core. The unexpected addition of Hot Pink (#FF69B4) provides a delightful, zesty twist, while the vivid Green Yellow (#ADFF2F) adds a fresh, almost neon-like pop. This palette is ideal for projects that need to feel lively, bold, and modern, capturing the thrilling zest of ripe fruits and sunny, active moments.

Best used for

Youth-oriented branding and marketing
Food and beverage packaging (especially juices/candies)
Fitness and sports apparel design
Event promotions for festivals or parties
Dynamic web and mobile app interfaces
Children's entertainment and toy design

Suggested color roles

primary

Use #FFD700 (Goldenrod) as a dominant, energetic primary color to establish a bright and inviting foundation.

secondary

Apply #FF4500 (Orange Red) as a powerful secondary, perfect for high-impact calls to action or key headings that demand attention.

accent

Introduce #FF69B4 (Hot Pink) as a bold and playful accent, ideal for creating surprising pops and adding a unique, modern zest.

background

Consider using #ADFF2F (Green Yellow) sparingly as a vibrant background for specific sections, or a very light near-white to let the other colors shine.

text

For maximum legibility against these vibrant colors, use pure black or a very dark charcoal gray. White text can work well on the darker hues like #FF4500.

Accessibility notes

High contrast is crucial due to the vibrancy; ensure sufficient differentiation between text and background, especially with #FFD700 and #ADFF2F.
Avoid using #FFD700 (Goldenrod) as text on #ADFF2F (Green Yellow) or vice-versa due to potential low contrast.
When using #FF69B4 (Hot Pink) or #FF4500 (Orange Red) for text, ensure the background provides strong luminance contrast.
Perform WCAG contrast checks for all color pairings, particularly for crucial information and interactive elements.

Recommended combinations

Citrus Burst

Great for lively headers or product features, conveying freshness and energy.

#FFD700 · #FFA500 · #ADFF2F

Bold & Zesty

Ideal for dynamic call-to-action buttons or energetic marketing materials.

#FF4500 · #FF69B4 · #FFD700

Tropical Pop

Effective for playful graphics or vibrant backgrounds in youth-oriented designs.

#FFA500 · #ADFF2F · #FF69B4

CSS variables

:root {
  --sunny-fruit-zing-1: #FFD700;
  --sunny-fruit-zing-2: #FFA500;
  --sunny-fruit-zing-3: #FF4500;
  --sunny-fruit-zing-4: #FF69B4;
  --sunny-fruit-zing-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-fruit-zing": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF4500",
        4: "#FF69B4",
        5: "#ADFF2F",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FFA500

Color 3#FF4500

Color 4#FF69B4

Color 5#ADFF2F

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

1.9:1Fail

1.1:1Fail

1.4:1Fail

1.7:1Fail

1.3:1Fail

1.6:1Fail

2.5:1Fail

1.7:1Fail

1.3:1Fail

2.8:1Fail

1.9:1Fail

1.3:1Fail

2.2:1Fail

1.1:1Fail

1.6:1Fail

2.8:1Fail

2.2:1Fail

Similar palettes

More like Sunny Fruit Zing

Sunny Fruit Zing

See it in context.

Ready when you are.

Built with Sunny Fruit Zing.

How to use Sunny Fruit Zing

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Citrus Burst

Bold & Zesty

Tropical Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sunny Fruit Zing