Back to palettes

Palette

Dragonfruit Sparkle

A burst of fuchsia and pinks, evoking the exotic, vibrant hues of a dragonfruit.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dragonfruit Sparkle 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 Dragonfruit Sparkle.

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

Data visualization

#FF006E#FF7BBF#FFC0CB#8B004F#5D0035

Palette guide

How to use Dragonfruit Sparkle

Overview

The Dragonfruit Sparkle palette is a vibrant burst of fuchsia and pinks, evoking the exotic and playful hues of a dragonfruit. Dominated by the intense #FF006E (Deep Pink) and the lively #FF7BBF (Hot Pink), it creates an energetic and captivating visual experience. The soft #FFC0CB (Light Pink) offers a delicate balance, while the deep #8B004F (Dark Magenta) and #5D0035 (Deep Plum) provide rich, grounding accents. This palette is perfect for designers and developers aiming to create fun, bold, and memorable interfaces, especially for brands targeting a youthful audience or promoting playful, tropical themes across digital and print media.

Best used for

  • Youth-oriented fashion or beauty brands
  • Tropical-themed event promotions
  • Playful mobile game interfaces
  • E-commerce for vibrant accessories
  • Children's product packaging
  • Social media branding with a bold aesthetic

Suggested color roles

primary

Establish a bold, playful foundation with #FF006E (Deep Pink) for main sections, headers, or prominent UI elements.

secondary

Utilize #FF7BBF (Hot Pink) for secondary content blocks, navigation bars, or as a vibrant complementary accent.

accent

Draw immediate attention to call-to-action buttons, interactive elements, or key information with #FFC0CB (Light Pink), offering a soft, bright pop.

background

Apply #8B004F (Dark Magenta) for deeper background sections or large panels, creating a rich, immersive canvas.

text

Pair light text (e.g., white or #FFC0CB) against #FF006E or #8B004F for headings, and a very dark charcoal or black for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for #FFC0CB text on #FF7BBF or #FF006E, as these combinations can be low contrast.
  • White or very light text provides excellent readability on #8B004F and #5D0035.
  • Avoid using #FF7BBF text on #FF006E for critical information due to potential readability issues.
  • For body text, use a dark color (e.g., black or #5D0035) against #FFC0CB.

Recommended combinations

Tropical Punch

Ideal for energetic headers, hero sections, or impactful graphics that demand attention and a lively feel.

#FF006E · #FF7BBF · #FFC0CB

Deep & Bright

Excellent for robust backgrounds, accentuating elements, or creating depth with a vibrant highlight.

#8B004F · #5D0035 · #FF7BBF

Playful Contrast

Use for prominent call-to-actions, alerts, or interactive components where clear visibility and a fun pop are paramount.

#FFC0CB · #FF006E · #8B004F

CSS variables

:root {
  --dragonfruit-sparkle-1: #FF006E;
  --dragonfruit-sparkle-2: #FF7BBF;
  --dragonfruit-sparkle-3: #FFC0CB;
  --dragonfruit-sparkle-4: #8B004F;
  --dragonfruit-sparkle-5: #5D0035;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dragonfruit-sparkle": {
        1: "#FF006E",
        2: "#FF7BBF",
        3: "#FFC0CB",
        4: "#8B004F",
        5: "#5D0035",
      }
    }
  }
}

Related searches

dragonfruit pink palettevibrant fuchsia colorsplayful tropical designbright pink UI schemeexotic fruit color guide

Palette colors

Hex values

Color 1#FF006E
·
Color 2#FF7BBF
·
Color 3#FFC0CB
·
Color 4#8B004F
·
Color 5#5D0035
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
2.5:1Fail
3.6:1AA18
2
1.6:1Fail
1.5:1Fail
4:1AA18
5.8:1AA
3
2.5:1Fail
1.5:1Fail
6.2:1AA
9:1AAA
4
2.5:1Fail
4:1AA18
6.2:1AA
1.5:1Fail
5
3.6:1AA18
5.8:1AA
9:1AAA
1.5:1Fail

Similar palettes

More like Dragonfruit Sparkle

View all vibrant
Dragon Fruit Burst
Exotic Fruit Basket
Exotic Fruit Splash
Exotic Juice Burst
Pink Flamingo
Tropical Fizz Delight