Back to palettes

Palette

Cotton Candy Sunset

A dreamy blend of soft pinks, blues, and oranges, reminiscent of a whimsical cotton candy colored sunset.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cotton Candy Sunset 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 Cotton Candy Sunset.

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

Data visualization

#FF69B4#ADD8E6#DDA0DD#F0F8FF#FFA07A

Palette guide

How to use Cotton Candy Sunset

Overview

The 'Cotton Candy Sunset' palette offers a dreamy blend of soft pinks, blues, and oranges, reminiscent of a whimsical, candy-colored sunset. This inviting collection features a bold hot pink (#FF69B4), a soothing light blue (#ADD8E6), a rich plum (#DDA0DD), a crisp alice blue (#F0F8FF), and a warm light salmon (#FFA07A). It's an excellent choice for designers and developers aiming to evoke feelings of playfulness, warmth, and fantasy. The balance of vibrant and muted pastels makes it versatile for creating engaging user interfaces, romantic branding, or cheerful digital content that captures attention.

Best used for

  • Romantic event invitations
  • Children's apparel branding
  • Summer marketing campaigns
  • Beauty and cosmetic packaging
  • Whimsical digital art and illustrations
  • Lifestyle blogs and websites

Suggested color roles

primary

#FF69B4 (Hot Pink) - A vibrant, energetic primary color for impactful headlines, call-to-actions, or main graphical elements.

secondary

#ADD8E6 (Light Blue) - Provides a calming and expansive counterpoint, suitable for secondary backgrounds or detailed sections.

accent

#FFA07A (Light Salmon) - A warm, inviting accent color perfect for highlights, interactive elements, or a touch of glow.

background

#F0F8FF (Alice Blue) - An airy and clean background that allows the more saturated colors to truly pop, ideal for content areas.

text

#DDA0DD (Plum) - Can be used for decorative text or subheadings. For body text, use a dark neutral like black or dark grey (#333333) for optimal readability.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter colors like #F0F8FF and #ADD8E6 together.
  • The vibrant #FF69B4 may require careful pairing for text to meet WCAG AA contrast standards.
  • For critical information, use a dark, neutral color (e.g., #222222) for text on #F0F8FF backgrounds.
  • Consider larger font sizes or bolding for text using #DDA0DD or #FFA07A against lighter backgrounds.

Recommended combinations

Sunset Pop

Ideal for eye-catching banners, playful branding, or vibrant social media posts.

#FF69B4 · #ADD8E6 · #F0F8FF

Dreamy Hues

Great for romantic themes, soft illustrations, or elegant packaging designs.

#DDA0DD · #FFA07A · #F0F8FF

Whimsical Glow

Perfect for playful UI accents, interactive elements, or a cheerful visual narrative.

#ADD8E6 · #FFA07A · #FF69B4

CSS variables

:root {
  --cotton-candy-sunset-1: #FF69B4;
  --cotton-candy-sunset-2: #ADD8E6;
  --cotton-candy-sunset-3: #DDA0DD;
  --cotton-candy-sunset-4: #F0F8FF;
  --cotton-candy-sunset-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-sunset": {
        1: "#FF69B4",
        2: "#ADD8E6",
        3: "#DDA0DD",
        4: "#F0F8FF",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

cotton candy aestheticsunset inspired colorspink blue orange palettewhimsical color schemedreamy pastel design

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#ADD8E6
·
Color 3#DDA0DD
·
Color 4#F0F8FF
·
Color 5#FFA07A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.3:1Fail
2.5:1Fail
1.3:1Fail
2
1.7:1Fail
1.4:1Fail
1.4:1Fail
1.3:1Fail
3
1.3:1Fail
1.4:1Fail
1.9:1Fail
1:1Fail
4
2.5:1Fail
1.4:1Fail
1.9:1Fail
1.9:1Fail
5
1.3:1Fail
1.3:1Fail
1:1Fail
1.9:1Fail

Similar palettes

More like Cotton Candy Sunset

View all pastel
Cotton Candy Dream
Bubblegum Dream Pop
Candy Cloud
Confection Cloud Blush
Cotton Candy Clouds
Cotton Candy Dream