Back to palettes

Palette

Dragon Fruit Burst

A sweet explosion of vibrant pinks, inspired by the exotic and colorful dragon fruit.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dragon Fruit Burst 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 Dragon Fruit Burst.

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

Data visualization

#FEE7F2#FFBADD#FF7DB5#CE2E8C#8C0B5D

Palette guide

How to use Dragon Fruit Burst

Overview

The "Dragon Fruit Burst" palette is a sweet explosion of vibrant pinks, directly inspired by the exotic and colorful dragon fruit. This captivating collection features a very light, almost white, pink #FEE7F2, a soft pastel pink #FFBADD, a lively medium pink #FF7DB5, a deep fuchsia #CE2E8C, and a rich, dark magenta #8C0B5D. Designers can leverage these luscious hues to create playful and bold experiences, perfect for branding, digital interfaces, or print materials that aim to evoke a sense of tropical delight, sweetness, and modern vibrancy. It’s ideal for projects seeking a fresh, feminine, and visually striking appeal.

Best used for

  • Branding for fruit-based beverages or desserts
  • Beauty and cosmetic product packaging
  • UI/UX design for playful, lifestyle apps
  • Fashion and accessories with a tropical theme
  • Social media graphics for vibrant content creators
  • Digital art and whimsical illustrations

Suggested color roles

primary

A deep fuchsia #CE2E8C that provides a strong, vibrant anchor. Ideal for main headings, calls-to-action, or key brand elements to command attention.

secondary

A lively medium pink #FF7DB5 that offers a cheerful and approachable presence. Excellent for secondary sections, navigation, or interactive elements.

accent

A soft pastel pink #FFBADD that adds a delicate and sweet touch. Perfect for subtle highlights, decorative patterns, or gentle gradients.

background

A very light, almost white, pink #FEE7F2 that serves as an airy, clean backdrop, allowing the richer pinks to pop and maintain a fresh feel.

text

A rich, dark magenta #8C0B5D that ensures excellent readability against lighter backgrounds, providing a sophisticated and legible text color for body copy and headings.

Accessibility notes

  • #8C0B5D (dark magenta) text on #FEE7F2 (light pink) or #FFBADD (pastel pink) provides excellent contrast for body text.
  • Avoid using #FFBADD (pastel pink) or #FF7DB5 (medium pink) for small body text on #FEE7F2 due to low contrast.
  • Ensure interactive elements have distinct hover/focus states, as the palette is largely monochromatic in pink tones.
  • For maximum readability on #FEE7F2, a very dark neutral (like charcoal) could also be a good alternative for body text.

Recommended combinations

Tropical Bloom

Vibrant branding for a juice bar, packaging for exotic fruits, or lively social media campaigns.

#CE2E8C · #FF7DB5 · #FEE7F2

Sweet Gradient

Backgrounds, subtle patterns, or illustrations where a soft, flowing pink transition is desired.

#FFBADD · #FEE7F2 · #FF7DB5

Bold Contrast

Powerful calls-to-action, striking banners, or graphic elements that leverage the full depth of the pinks.

#8C0B5D · #CE2E8C · #FF7DB5

CSS variables

:root {
  --dragon-fruit-burst-1: #FEE7F2;
  --dragon-fruit-burst-2: #FFBADD;
  --dragon-fruit-burst-3: #FF7DB5;
  --dragon-fruit-burst-4: #CE2E8C;
  --dragon-fruit-burst-5: #8C0B5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dragon-fruit-burst": {
        1: "#FEE7F2",
        2: "#FFBADD",
        3: "#FF7DB5",
        4: "#CE2E8C",
        5: "#8C0B5D",
      }
    }
  }
}

Related searches

dragon fruit color palettevibrant pink tropicalsweet bold designmagenta fuchsia aestheticfruit inspired colors

Palette colors

Hex values

Color 1#FEE7F2
·
Color 2#FFBADD
·
Color 3#FF7DB5
·
Color 4#CE2E8C
·
Color 5#8C0B5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
4.1:1AA18
7.7:1AAA
2
1.3:1Fail
1.5:1Fail
3:1AA18
5.7:1AA
3
2:1Fail
1.5:1Fail
2:1Fail
3.8:1AA18
4
4.1:1AA18
3:1AA18
2:1Fail
1.9:1Fail
5
7.7:1AAA
5.7:1AA
3.8:1AA18
1.9:1Fail

Similar palettes

More like Dragon Fruit Burst

View all vibrant
Dragonfruit Sparkle
Exotic Feather Splendor
Exotic Fruit Basket
Exotic Fruit Punch
Exotic Fruit Splash
Exotic Juice Burst