Back to palettes

Palette

Cotton Candy Horizon

Soft, airy pastels like a dreamy horizon where clouds resemble spun sugar and candy floss.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#ADD8E6#FFFDD0#E0BBE4#FADADD

Palette guide

How to use Cotton Candy Horizon

Overview

The Cotton Candy Horizon palette presents soft, airy pastels like a dreamy horizon where clouds resemble spun sugar and candy floss. It features gentle pinks like #FFB6C1 (Light Pink) and #FADADD (Misty Rose), alongside calming blues like #ADD8E6 (Light Blue). A creamy #FFFDD0 (Cream) and a subtle #E0BBE4 (Lavender) complete this delicate spectrum. This palette is ideal for designs that aim for a sweet, innocent, and playful feel, perfect for baby brands, romantic aesthetics, or any project requiring a touch of lighthearted charm and ethereal beauty.

Best used for

  • Baby and children's product branding
  • Romantic lifestyle blogs and websites
  • Sweet shop or dessert branding
  • Wedding and baby shower invitations
  • Spa or wellness brand aesthetics
  • Soft and whimsical social media content

Suggested color roles

primary

Use #FFFDD0 or #FADADD as a soft, ethereal background, creating an open and inviting space.

secondary

Apply #ADD8E6 or #FFB6C1 for distinct sections, headers, or subtle patterned elements.

accent

Utilize #E0BBE4 for delicate highlights, small icons, or a subtle glow on interactive components.

background

The lightest hues #FFFDD0 and #FADADD are excellent for creating airy, gentle backdrops.

text

For primary text, use a dark charcoal or medium gray. Avoid using light pastels for body text.

Accessibility notes

  • Ensure sufficient contrast between dark text (charcoal, medium gray) and all light pastel backgrounds.
  • Avoid using any of the palette's colors for text on other light colors; they will fail contrast checks for readability.
  • Use these colors primarily for backgrounds, illustrations, and non-textual elements.
  • When using for critical information, pair with a highly contrasting dark text color like black or #333333.
  • Test colorblind compatibility for subtle distinctions between the pinks and lavender.

Recommended combinations

Dreamy Horizon

Creates a serene, layered background effect, perfect for a dreamy and inviting atmosphere.

#FFFDD0 · #ADD8E6 · #FFB6C1

Sweet Sky

Ideal for delicate elements, blending soft pinks and lavender for a gentle, whimsical feel.

#FFB6C1 · #E0BBE4 · #FADADD

Candy Clouds

Combines a soft blue, cream, and lavender for playful yet gentle patterns or section dividers.

#ADD8E6 · #FFFDD0 · #E0BBE4

CSS variables

:root {
  --cotton-candy-horizon-1: #FFB6C1;
  --cotton-candy-horizon-2: #ADD8E6;
  --cotton-candy-horizon-3: #FFFDD0;
  --cotton-candy-horizon-4: #E0BBE4;
  --cotton-candy-horizon-5: #FADADD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-horizon": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#FFFDD0",
        4: "#E0BBE4",
        5: "#FADADD",
      }
    }
  }
}

Related searches

pastel pink blue palettecotton candy aesthetic colorsdreamy soft color schemelight sky colorswhimsical light design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#FFFDD0
·
Color 4#E0BBE4
·
Color 5#FADADD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
1:1Fail
1.3:1Fail
2
1.1:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
3
1.6:1Fail
1.5:1Fail
1.6:1Fail
1.3:1Fail
4
1:1Fail
1.1:1Fail
1.6:1Fail
1.3:1Fail
5
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Cotton Candy Horizon

View all Pastel