Back to palettes

Palette

Summer Citrus Grove

A zesty explosion of bright yellows, oranges, and lively greens, capturing the freshness of a summer orchard.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD54F#FFB74D#FF8F00#A0C655#689F38

Palette guide

How to use Summer Citrus Grove

Overview

The Summer Citrus Grove palette (version 2) bursts with the lively energy of a sun-drenched orchard, combining vibrant yellows, warm oranges, and refreshing greens. Featuring a bright yellow #FFD54F and a rich orange #FF8F00, this palette is perfect for designs that aim to be energetic, playful, and inviting. The complementary greens, #A0C655 and the deeper #689F38, add a natural, organic balance, preventing the palette from becoming overly intense. Designers can leverage these hues for food and beverage branding, lively event promotions, or any digital interface that seeks to convey freshness and vitality. The harmonious blend of #FFB74D with the other shades ensures a cohesive and appetizing visual experience, ideal for capturing summer's zest.

Best used for

  • Food and beverage packaging, especially juices or snacks
  • Summer festival or event branding
  • Children's product designs
  • Healthy eating blog or recipe website
  • Restaurant menus with a fresh, vibrant theme
  • Playful mobile game interfaces

Suggested color roles

primary

A bold, energetic orange (#FF8F00), excellent for calls to action, main headers, or brand highlights.

secondary

A bright, cheerful yellow (#FFD54F), perfect for secondary information, backgrounds, or complementary graphics.

accent

A fresh, lively green (#A0C655), ideal for subtle accents, icons, or to introduce a natural element.

background

A warm, inviting yellow (#FFD54F) that can serve as a soft, bright background or main content area.

text

A deep, earthy green (#689F38), suitable for body text on lighter backgrounds like #FFD54F or #FFB74D. For maximum contrast, use black or very dark charcoal.

Accessibility notes

  • Be cautious using #FFD54F or #FFB74D for small text on white backgrounds due to low contrast.
  • Ensure #A0C655 has sufficient contrast when used as text, especially on light orange/yellow backgrounds.
  • #689F38 offers good contrast on #FFD54F and #FFB74D for readability.
  • Avoid using light citrus colors like #FFD54F as background for other light citrus colors as foreground.

Recommended combinations

Zesty Contrast

#FF8F00 for bold elements, #FFD54F as a bright background, and #689F38 for readable text and subtle accents.

#FF8F00 · #FFD54F · #689F38

Orchard Fresh

#A0C655 for header elements, #FFB74D for content blocks, and #689F38 for strong text or icons.

#A0C655 · #FFB74D · #689F38

Sunny Delight

Use #FFD54F as a primary background, #FF8F00 for energetic calls to action, and #A0C655 for fresh graphical elements.

#FFD54F · #FF8F00 · #A0C655

CSS variables

:root {
  --summer-citrus-grove-2-1: #FFD54F;
  --summer-citrus-grove-2-2: #FFB74D;
  --summer-citrus-grove-2-3: #FF8F00;
  --summer-citrus-grove-2-4: #A0C655;
  --summer-citrus-grove-2-5: #689F38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-citrus-grove-2": {
        1: "#FFD54F",
        2: "#FFB74D",
        3: "#FF8F00",
        4: "#A0C655",
        5: "#689F38",
      }
    }
  }
}

Related searches

vibrant fruit color paletteenergetic yellow orange greensummer branding colorsfresh citrus web designplayful food packaging palette

Palette colors

Hex values

Color 1#FFD54F
·
Color 2#FFB74D
·
Color 3#FF8F00
·
Color 4#A0C655
·
Color 5#689F38
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
1.4:1Fail
2.3:1Fail
2
1.2:1Fail
1.3:1Fail
1.1:1Fail
1.8:1Fail
3
1.6:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
4
1.4:1Fail
1.1:1Fail
1.2:1Fail
1.6:1Fail
5
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Summer Citrus Grove

View all vibrant
Orchard Zest Pop
Summer Citrus Splash
Summer Citrus Zing
Sunny Clementine Zest
Sunny Fruit Zing
Vibrant Summer Zest