Back to palettes

Palette

Playful Jellyfish Dance

Soft, translucent pastels mimicking the ethereal movement of jellyfish in water.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Jellyfish Dance 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 Playful Jellyfish Dance.

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

Data visualization

#DDA0DD#FFC0CB#ADD8E6#87CEEB#F0FFFF

Palette guide

How to use Playful Jellyfish Dance

Overview

The Playful Jellyfish Dance palette evokes a serene and whimsical aquatic mood with its soft, translucent pastel hues. Featuring a gentle #DDA0DD (Plum), a delicate #FFC0CB (Pink), a calming #ADD8E6 (Light Blue), a clear #87CEEB (Sky Blue), and an ethereal #F0FFFF (Azure). This palette is ideal for designers and developers looking to create designs that are light, airy, and dreamlike, perfect for a gentle, approachable aesthetic. It's excellent for conveying tranquility, softness, and a touch of playful elegance across various design applications.

Best used for

  • Spa and wellness branding
  • Baby product packaging and marketing
  • Wedding invitations and stationery
  • Serene digital backgrounds and themes
  • Whimsical illustrations and animations
  • Calming mobile app interfaces

Suggested color roles

primary

#87CEEB (Sky Blue) for a calming, central theme, or main background elements.

secondary

#DDA0DD (Plum) for soft accents, complementary elements, or subtle calls to action.

accent

#FFC0CB (Pink) for delicate highlights, gentle interactive states, or sweet flourishes.

background

#F0FFFF (Azure) for a light, airy, almost transparent feel, or a soft, clean base.

text

Dark grey or charcoal for main body text to ensure readability, or a muted version of #DDA0DD for softer headings.

Accessibility notes

  • Due to the pastel nature, contrast is critical; ensure sufficient contrast for all text, especially on #F0FFFF.
  • Avoid using light text on light backgrounds (e.g., #FFC0CB text on #DDA0DD background) to prevent legibility issues.
  • Always verify WCAG contrast ratios for text and interactive elements, particularly for small font sizes.
  • Consider outlining lighter text or using darker shades of the palette for improved readability.

Recommended combinations

Soft Serenity

Creates a gentle and dreamy combination, ideal for calming and elegant designs.

#DDA0DD · #FFC0CB · #F0FFFF

Cool & Calm

Offers an aquatic and soothing feel, perfect for nature-inspired or tranquil themes.

#ADD8E6 · #87CEEB · #F0FFFF

Whimsical Touch

Provides a delicate and playful mix, suitable for charming illustrations or inviting interfaces.

#FFC0CB · #DDA0DD · #87CEEB

CSS variables

:root {
  --playful-jellyfish-dance-1: #DDA0DD;
  --playful-jellyfish-dance-2: #FFC0CB;
  --playful-jellyfish-dance-3: #ADD8E6;
  --playful-jellyfish-dance-4: #87CEEB;
  --playful-jellyfish-dance-5: #F0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-jellyfish-dance": {
        1: "#DDA0DD",
        2: "#FFC0CB",
        3: "#ADD8E6",
        4: "#87CEEB",
        5: "#F0FFFF",
      }
    }
  }
}

Related searches

pastel jellyfish colorsserene design palettewhimsical baby brandlight blue pink paletteethereal web design

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#FFC0CB
·
Color 3#ADD8E6
·
Color 4#87CEEB
·
Color 5#F0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.4:1Fail
1.2:1Fail
2:1Fail
2
1.3:1Fail
1:1Fail
1.1:1Fail
1.5:1Fail
3
1.4:1Fail
1:1Fail
1.1:1Fail
1.5:1Fail
4
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.7:1Fail
5
2:1Fail
1.5:1Fail
1.5:1Fail
1.7:1Fail

Similar palettes

More like Playful Jellyfish Dance

View all pastel
Bubblegum Dream Pop
Bubblegum Pop Burst
Candy Cloud
Candyfloss Cloud Dream
Cotton Candy Dream
Cotton Candy Sunset