Back to palettes

Palette

Citrus Garden Punch

A lively blend of sunny citrus hues and unexpected greens, bursting with refreshing energy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Citrus Garden Punch 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 Citrus Garden Punch.

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

Data visualization

#F4D35E#EE964B#F95738#FFC300#04D4A8

Palette guide

How to use Citrus Garden Punch

Overview

The Citrus Garden Punch palette is a lively and refreshing blend, bursting with sunny citrus hues and an unexpected touch of vibrant green. It features a bright #F4D35E (Goldenrod), a warm #EE964B (Carrot Orange), and a fiery #F95738 (Coral Red), which are brilliantly contrasted by a bold #FFC300 (Amber) and a striking #04D4A8 (Aqua Green). This palette offers designers and developers a dynamic range of colors for creating energetic, playful, and visually stimulating experiences. It's ideal for projects that aim to evoke freshness, creativity, and a modern, zesty appeal across digital and print mediums.

Best used for

  • Creative agency branding
  • Modern food and drink packaging
  • Youthful tech interfaces
  • Event promotion for lively gatherings
  • Digital art and illustration
  • Summer-themed marketing campaigns

Suggested color roles

primary

#FFC300 (A radiant amber, perfect for main headers, prominent UI elements, or cheerful branding.)

secondary

#EE964B (A warm carrot orange, ideal for subheadings, secondary calls-to-action, or navigational elements.)

accent

#04D4A8 (A striking aqua green that provides a refreshing, unexpected pop, excellent for highlights or interactive elements.)

background

#F4D35E (A soft, sunny goldenrod that provides a warm, inviting canvas without being too overwhelming.)

text

#F95738 (For strong, energetic text on light backgrounds, or use a dark charcoal like #333333 for general readability.)

Accessibility notes

  • Ensure high contrast when pairing #F4D35E or #FFC300 with light text; use #F95738 or #000000 for readability.
  • The darker tones, #F95738 and #04D4A8, offer good contrast for white or near-white text.
  • Avoid using adjacent similar light shades for text and background, especially with #F4D35E and #FFC300.
  • For interactive elements, ensure #04D4A8 has at least a 3:1 contrast ratio against surrounding colors to meet WCAG AA.

Recommended combinations

Zest & Contrast

Use #F4D35E as a backdrop, #04D4A8 for striking graphical elements, and #F95738 for impactful CTAs.

#F4D35E · #04D4A8 · #F95738

Warm Glow

Excellent for gradient backgrounds, data visualization, or illustrating a warm, inviting progression.

#FFC300 · #EE964B · #F95738

Modern Fresh

Ideal for clean interfaces with #F4D35E as background, #FFC300 for content, and #04D4A8 for fresh, modern accents.

#F4D35E · #FFC300 · #04D4A8

CSS variables

:root {
  --citrus-garden-punch-1: #F4D35E;
  --citrus-garden-punch-2: #EE964B;
  --citrus-garden-punch-3: #F95738;
  --citrus-garden-punch-4: #FFC300;
  --citrus-garden-punch-5: #04D4A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-garden-punch": {
        1: "#F4D35E",
        2: "#EE964B",
        3: "#F95738",
        4: "#FFC300",
        5: "#04D4A8",
      }
    }
  }
}

Related searches

vibrant citrus green paletteenergetic orange aqua colorsplayful modern brandingfresh creative color schemezesty ui design palette

Palette colors

Hex values

Color 1#F4D35E
·
Color 2#EE964B
·
Color 3#F95738
·
Color 4#FFC300
·
Color 5#04D4A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
1.1:1Fail
1.3:1Fail
2
1.6:1Fail
1.4:1Fail
1.4:1Fail
1.2:1Fail
3
2.2:1Fail
1.4:1Fail
2:1Fail
1.7:1Fail
4
1.1:1Fail
1.4:1Fail
2:1Fail
1.2:1Fail
5
1.3:1Fail
1.2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Citrus Garden Punch

View all vibrant
Citrus Burst Energy
Summer Smoothie Burst
Citrus Burst Joy
Citrus Burst Zest
Citrus Grove Dawn
Citrus Zest