Back to palettes

Palette

Tropical Pitaya Pop

Explodes with the vivid, unexpected colors of tropical dragon fruit, vibrant and refreshing.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Pitaya 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 Tropical Pitaya Pop.

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

Data visualization

#FF0066#FF99CC#CCFFCC#FF3399#66CC00

Palette guide

How to use Tropical Pitaya Pop

Overview

The Tropical Pitaya Pop palette is a vibrant, playful collection inspired by exotic dragon fruit, perfect for designs that need an energetic, refreshing feel. This palette combines vivid pinks like #FF0066 and #FF3399 with softer complements such as #FF99CC, balanced by the fresh green of #66CC00 and the light, airy #CCFFCC. Designers can leverage these hues to create engaging user interfaces, eye-catching marketing materials, or youthful brand identities. Developers will find these hex codes easy to implement for a consistent, high-impact visual experience across digital platforms. Its energetic mood makes it ideal for projects targeting a young, dynamic audience.

Best used for

  • Youth-oriented fashion brands
  • Summer product packaging
  • Mobile gaming interfaces
  • Exotic food and beverage marketing
  • Children's book illustrations
  • Vibrant event invitations

Suggested color roles

primary

Use #FF0066 as a bold statement color for call-to-action buttons or prominent headlines, demanding attention.

secondary

Employ #FF3399 for subheadings or secondary interactive elements, maintaining vibrancy without overpowering.

accent

Introduce #66CC00 for subtle highlights, icons, or progress indicators to add a refreshing, natural contrast.

background

Apply #CCFFCC as a soft, airy background color to provide a clean canvas that lets the brighter hues pop.

text

For body text, consider a dark charcoal or black for readability against light backgrounds, or white text against #FF0066.

Accessibility notes

  • Ensure sufficient contrast between #FF0066 or #FF3399 and light backgrounds like #CCFFCC for text.
  • Test #66CC00 against all pinks to confirm legibility for interactive elements.
  • Avoid placing #FF0066 text directly on #FF3399 background due to low contrast.
  • Use a dark, high-contrast color for essential text on #CCFFCC, such as #333333.

Recommended combinations

Fruity Burst

Ideal for playful banners or hero sections, with #FF0066 as focus and #CCFFCC as base.

#FF0066 · #66CC00 · #CCFFCC

Soft Pitaya

Great for feminine branding or gentle illustrations, with #FF99CC as a primary field.

#FF99CC · #FF3399 · #CCFFCC

Tropical Punch

Use for energetic UI elements or dynamic infographics, where each color has a distinct purpose.

#FF3399 · #FF0066 · #66CC00

CSS variables

:root {
  --tropical-pitaya-pop-1: #FF0066;
  --tropical-pitaya-pop-2: #FF99CC;
  --tropical-pitaya-pop-3: #CCFFCC;
  --tropical-pitaya-pop-4: #FF3399;
  --tropical-pitaya-pop-5: #66CC00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-pitaya-pop": {
        1: "#FF0066",
        2: "#FF99CC",
        3: "#CCFFCC",
        4: "#FF3399",
        5: "#66CC00",
      }
    }
  }
}

Related searches

vibrant pink green palettedragon fruit color schemeplayful tropical colorsbright summer paletteexotic fruit color combinations

Palette colors

Hex values

Color 1#FF0066
·
Color 2#FF99CC
·
Color 3#CCFFCC
·
Color 4#FF3399
·
Color 5#66CC00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
1.1:1Fail
1.9:1Fail
2
2:1Fail
1.8:1Fail
1.7:1Fail
1:1Fail
3
3.4:1AA18
1.8:1Fail
3:1AA18
1.8:1Fail
4
1.1:1Fail
1.7:1Fail
3:1AA18
1.6:1Fail
5
1.9:1Fail
1:1Fail
1.8:1Fail
1.6:1Fail

Similar palettes

More like Tropical Pitaya Pop

View all vibrant