Back to palettes

Palette

Retro Citrus Pop

Bold and zesty, this palette channels the playful energy of vintage fruit ads with vibrant orange, lemon, and lime.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Citrus Pop 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 Retro Citrus Pop.

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

Data visualization

#F94144#F8961E#F9C74F#90BE6D#43AA8B

Palette guide

How to use Retro Citrus Pop

Overview

The "Retro Citrus Pop" palette is a burst of bold, zesty energy, channeling the playful vibrancy of vintage fruit advertisements. This collection features a striking red (#F94144), a sunny orange (#F8961E), a bright lemon yellow (#F9C74F), a refreshing lime green (#90BE6D), and a cool teal green (#43AA8B). Designers will find these energetic, high-contrast hues perfect for creating dynamic, eye-catching visuals that exude happiness and vitality. Developers can utilize these distinct colors to establish clear visual hierarchy, highlight interactive elements, and build interfaces that are both engaging and memorable. It’s an excellent choice for branding, digital products, or promotional materials that aim to be energetic and fun.

Best used for

  • Healthy food and beverage branding
  • Summer event promotions
  • Children's product packaging
  • Energetic website hero sections
  • Vintage-inspired ad campaigns
  • Outdoor activity apps

Suggested color roles

primary

A bold, attention-grabbing primary for calls-to-action, important headlines, or key branding elements using #F94144.

secondary

A warm, inviting secondary for navigation, subheadings, or to complement the primary using #F8961E.

accent

A bright, cheerful accent perfect for highlights, interactive states, or small, energetic details using #F9C74F.

background

A fresh, lively background for sections that need a natural, vibrant feel using #90BE6D, or as a card background. For general page backgrounds, a neutral light grey or off-white is recommended.

text

Use black or a very dark charcoal for text on #F9C74F and #90BE6D. White text provides excellent contrast on #F94144, #F8961E, and #43AA8B.

Accessibility notes

  • Ensure dark text (e.g., black) is used on #F9C74F and #90BE6D backgrounds for optimal readability.
  • Avoid pairing #F8961E with #F9C74F for text/background combinations due to low contrast potential.
  • White text on #43AA8B and #F94144 typically provides good contrast, but verify against WCAG AA standards.
  • Test all text and interactive element contrasts, especially with adjacent bright colors, to ensure accessibility.

Recommended combinations

Zesty CTA

Red for the main button, orange for subtext, and yellow for a glowing icon or hover effect.

#F94144 · #F8961E · #F9C74F

Fruit Slice Pattern

Create a vibrant, layered pattern using the greens as a base and yellow for highlights or fruit segments.

#90BE6D · #43AA8B · #F9C74F

Energetic Header

Orange for the main title, red for an emphasized word, and teal for a contrasting graphic element.

#F8961E · #F94144 · #43AA8B

CSS variables

:root {
  --retro-citrus-pop-1: #F94144;
  --retro-citrus-pop-2: #F8961E;
  --retro-citrus-pop-3: #F9C74F;
  --retro-citrus-pop-4: #90BE6D;
  --retro-citrus-pop-5: #43AA8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-citrus-pop": {
        1: "#F94144",
        2: "#F8961E",
        3: "#F9C74F",
        4: "#90BE6D",
        5: "#43AA8B",
      }
    }
  }
}

Related searches

bright citrus paletteretro fruit colorsenergetic pop arthappy summer palettevibrant food branding

Palette colors

Hex values

Color 1#F94144
·
Color 2#F8961E
·
Color 3#F9C74F
·
Color 4#90BE6D
·
Color 5#43AA8B
·

Accessibility

Contrast checker

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

Similar palettes

More like Retro Citrus Pop

View all vibrant
Citrus Grove Splash
Citrus Zest Pop
Grapefruit Spritzer Fun
Retro Pop Fizz
Retro Surf Pop
Zesty Lemon Pop