Palette

Orchard Fruit Medley

A cheerful mix of juicy orchard fruits, perfect for a lively summer garden party.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orchard Fruit Medley 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 Orchard Fruit Medley.

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

Data visualization

#FF69B4#FFD700#32CD32#FFA500#DC143C

Palette guide

How to use Orchard Fruit Medley

Overview

The Orchard Fruit Medley palette evokes a cheerful and playful summer garden party, blending juicy fruit tones with high vibrancy. Featuring #FF69B4 (Hot Pink), #FFD700 (Gold), and #FFA500 (Orange), this scheme is bursting with lively energy. The grounding freshness of #32CD32 (Lime Green) and the bold punch of #DC143C (Crimson) add depth and excitement. Designers and developers can leverage this palette to create engaging experiences that feel fresh, sweet, and spirited. It's an excellent choice for projects requiring a fun, approachable aesthetic, ensuring visuals are both memorable and impactful.

Best used for

Children's clothing and toy branding
Party invitations and decorations
Social media graphics and campaigns
Casual gaming interfaces
Playful website headers and banners
Food packaging for candies or fruity snacks

Suggested color roles

primary

Use #FFA500 (Orange) as a warm, inviting primary color for key elements, calls to action, or prominent headings.

secondary

Apply #FF69B4 (Hot Pink) for secondary navigation, vibrant highlights, or playful decorative motifs.

accent

Incorporate #DC143C (Crimson) for strong accents, alerts, or to draw immediate attention to critical information.

background

A clean white or very light neutral background works best to let the vibrant colors pop. #32CD32 (Lime Green) can be used for energetic background sections.

text

For optimal readability, use a deep charcoal or black for body text and descriptive content against lighter backgrounds.

Accessibility notes

Ensure sufficient contrast for text on vibrant backgrounds, especially when pairing colors like #FFD700 with other bright hues.
Avoid using #DC143C (Crimson) directly on #FF69B4 (Hot Pink) for small text due to potential readability issues.
Use white text on darker colors like #DC143C to meet accessibility standards for contrast.
Consider larger font sizes for important information displayed in mid-tone colors like #32CD32.

Recommended combinations

Summer Splash

Ideal for creating a cheerful and inviting header, hero section, or a vibrant product display.

#FFA500 · #FFD700 · #32CD32

Playful Punch

Excellent for eye-catching accents, interactive elements, or a bold call-to-action that demands attention.

#FF69B4 · #DC143C · #FFD700

Fresh Garden

Perfect for backgrounds, patterns, or graphic illustrations that convey a lively and natural feel.

#32CD32 · #FFA500 · #FF69B4

CSS variables

:root {
  --orchard-fruit-medley-1: #FF69B4;
  --orchard-fruit-medley-2: #FFD700;
  --orchard-fruit-medley-3: #32CD32;
  --orchard-fruit-medley-4: #FFA500;
  --orchard-fruit-medley-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-fruit-medley": {
        1: "#FF69B4",
        2: "#FFD700",
        3: "#32CD32",
        4: "#FFA500",
        5: "#DC143C",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#FFD700

Color 3#32CD32

Color 4#FFA500

Color 5#DC143C

Accessibility

Contrast checker

1.9:1Fail

1.2:1Fail

1.3:1Fail

1.9:1Fail

1.5:1Fail

1.4:1Fail

3.6:1AA18

1.2:1Fail

1.5:1Fail

1.1:1Fail

2.4:1Fail

1.3:1Fail

1.4:1Fail

1.1:1Fail

2.5:1Fail

1.9:1Fail

3.6:1AA18

2.4:1Fail

2.5:1Fail

Similar palettes

More like Orchard Fruit Medley

Orchard Fruit Medley

See it in context.

Ready when you are.

Built with Orchard Fruit Medley.

How to use Orchard Fruit Medley

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Summer Splash

Playful Punch

Fresh Garden

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Orchard Fruit Medley