Back to palettes

Palette

Carnival Cotton Joy

Vibrant, playful pinks and fuchsias evoke the cheerful, sugary delight of a carnival.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Carnival Cotton Joy 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 Carnival Cotton Joy.

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

Data visualization

#F8E0F7#F0A9EC#E577E0#D54DD0#C010BD

Palette guide

How to use Carnival Cotton Joy

Overview

The "Carnival Cotton Joy" palette is a delightful gradient of pinks and fuchsias, designed to radiate cheerful sweetness and playful vibrancy. Ranging from a very light, almost white pink (#F8E0F7) to a soft lavender-pink (#F0A9EC), a medium fuchsia (#E577E0), a deeper magenta (#D54DD0), and finally a rich, bold fuchsia (#C010BD), this monochromatic-leaning collection offers both subtlety and impact. Designers and developers can leverage this palette to create feminine, energetic, and joyous digital experiences, branding, or content. It's perfect for projects that aim to evoke a sense of sugary delight and playful sophistication, ensuring a cohesive yet dynamic visual appeal.

Best used for

  • Feminine brand identity
  • Beauty product marketing
  • Sweet shop or bakery websites
  • Party planning services
  • Playful fashion blogs
  • Interactive children's apps

Suggested color roles

primary

This vibrant magenta (#D54DD0) serves as a strong primary, ideal for prominent headlines, calls to action, or main brand elements, conveying energy.

secondary

A softer fuchsia (#E577E0) that complements the primary, suitable for subheadings, secondary buttons, or graphic accents.

accent

This deep fuchsia (#C010BD) can be used for small, impactful elements, interactive states, or subtle highlights to add depth and sophistication.

background

This very light pink (#F8E0F7) provides an excellent, soft canvas, allowing the darker fuchsias to stand out clearly and maintain a light feel.

text

For optimal readability, use a dark gray or charcoal (#333333) for body text. White text works well on #D54DD0 and #C010BD.

Accessibility notes

  • Ensure text on the lighter shades like #F8E0F7 and #F0A9EC uses a very dark, contrasting color for readability.
  • Contrast between adjacent shades in the gradient might be low for users with vision impairments; avoid using only color to differentiate elements.
  • For critical information, avoid placing text on #E577E0 unless the text color has very high contrast.
  • Consider using a slightly bolder font weight for text on mid-tone colors to enhance legibility.

Recommended combinations

Sweet Gradient

Ideal for layered backgrounds, progressive disclosure, or creating a subtle, elegant depth in UI elements.

#F8E0F7 · #E577E0 · #C010BD

Joyful Pop

Great for call-to-action buttons against lighter backgrounds or for highlighting key features with a vibrant touch.

#D54DD0 · #F0A9EC · #F8E0F7

Fuchsia Harmony

Suited for infographics, illustrations, or secondary content areas, maintaining a cohesive and attractive visual flow.

#E577E0 · #C010BD · #F0A9EC

CSS variables

:root {
  --carnival-cotton-joy-1: #F8E0F7;
  --carnival-cotton-joy-2: #F0A9EC;
  --carnival-cotton-joy-3: #E577E0;
  --carnival-cotton-joy-4: #D54DD0;
  --carnival-cotton-joy-5: #C010BD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "carnival-cotton-joy": {
        1: "#F8E0F7",
        2: "#F0A9EC",
        3: "#E577E0",
        4: "#D54DD0",
        5: "#C010BD",
      }
    }
  }
}

Related searches

pink fuchsia color palettesweet vibrant brand colorsplayful feminine UImonochromatic pink schemecotton candy design colors

Palette colors

Hex values

Color 1#F8E0F7
·
Color 2#F0A9EC
·
Color 3#E577E0
·
Color 4#D54DD0
·
Color 5#C010BD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.9:1Fail
4.2:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.9:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
4.2:1AA18
2.9:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Carnival Cotton Joy

View all vibrant
Berry Patch Bliss
Bright Carnival Spin
Bright Carnival Swirl
Bright Fairground Lights
Bubblegum Alley
Bubblegum Pop Blast