Palette

Grapefruit Spritzer Fun

Zesty and bright, this palette captures the playful fizz and vibrant colors of a grapefruit spritzer.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Grapefruit Spritzer Fun 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 Grapefruit Spritzer Fun.

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

Data visualization

#FF6666#FF9966#FFCC66#CCFF66#99FF66

Palette guide

How to use Grapefruit Spritzer Fun

Overview

The Grapefruit Spritzer Fun palette is a zesty and bright collection that captures the playful fizz and vibrant colors of a summer drink. Featuring energetic hues like #FF6666, #FF9966, and #FFCC66, it transitions smoothly into fresh greens such as #CCFF66 and #99FF66. This palette is perfect for designers looking to infuse projects with energy, warmth, and a sense of fun. It's particularly effective for youth-oriented brands, food and beverage marketing, or any digital product aiming for a lively and inviting user experience. Developers can leverage these bright colors for engaging interactive elements and eye-catching calls to action.

Best used for

Youth-oriented brands and products
Food and beverage marketing campaigns
Summer-themed events and promotions
Children's educational apps or websites
Creative portfolios and artistic projects
Energetic web applications and landing pages

Suggested color roles

primary

Use #FF6666 as a bold, attention-grabbing color for hero sections, important headlines, or primary calls to action.

secondary

Employ #FF9966 for supporting elements, subheadings, or as a background for sections that need a warm, inviting feel.

accent

The bright #CCFF66 makes an excellent accent for highlights, interactive buttons, or elements requiring a fresh, lively pop.

background

A softer tone like #FFCC66 can serve as a light, inviting background, with darker text for readability.

text

For optimal readability, use a dark charcoal or black text against all colors in this vibrant palette.

Accessibility notes

Always use dark text (e.g., black or dark grey) on all colors within this palette to ensure sufficient contrast.
Be cautious when pairing #FF6666 and #FF9966 with light text, as contrast may be insufficient for WCAG compliance.
Avoid using #FFCC66 as a background for small or critical text unless paired with very dark, high-contrast text.
Ensure interactive elements using these bright colors have a clear focus state with adequate contrast for accessibility.

Recommended combinations

Zesty Gradient

Creates a warm, inviting transition for banners, headers, or background elements.

#FF6666 · #FF9966 · #FFCC66

Fresh Pop

Highlights energetic sections or call-to-action buttons with a vibrant, refreshing contrast.

#FF9966 · #CCFF66 · #99FF66

Energetic Duo

Combines a strong primary with a lively accent, suitable for playful branding or feature spotlights.

#FF6666 · #CCFF66 · #FFCC66

CSS variables

:root {
  --grapefruit-spritzer-fun-1: #FF6666;
  --grapefruit-spritzer-fun-2: #FF9966;
  --grapefruit-spritzer-fun-3: #FFCC66;
  --grapefruit-spritzer-fun-4: #CCFF66;
  --grapefruit-spritzer-fun-5: #99FF66;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grapefruit-spritzer-fun": {
        1: "#FF6666",
        2: "#FF9966",
        3: "#FFCC66",
        4: "#CCFF66",
        5: "#99FF66",
      }
    }
  }
}

Hex values

Color 1#FF6666

Color 2#FF9966

Color 3#FFCC66

Color 4#CCFF66

Color 5#99FF66

Accessibility

Contrast checker

1.4:1Fail

1.9:1Fail

2.5:1Fail

2.3:1Fail

1.4:1Fail

1.8:1Fail

1.7:1Fail

1.9:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

2.5:1Fail

1.8:1Fail

1.3:1Fail

1.1:1Fail

2.3:1Fail

1.7:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Grapefruit Spritzer Fun

Grapefruit Spritzer Fun

See it in context.

Ready when you are.

Built with Grapefruit Spritzer Fun.

How to use Grapefruit Spritzer Fun

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Zesty Gradient

Fresh Pop

Energetic Duo

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Grapefruit Spritzer Fun