Back to palettes

Palette

Carnival Cotton Sky

Soft pinks and blues blend like cotton candy against a gentle, cheerful carnival sky.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F7B9D2#FFD8F0#E0FFFF#ADD8E6#87CEFA

Palette guide

How to use Carnival Cotton Sky

Overview

The "Carnival Cotton Sky" palette is a beautifully serene and playful collection, blending soft pinks and gentle blues to evoke the whimsical feeling of cotton candy clouds against a clear sky. It features a delicate rose pink (#F7B9D2), a very pale pink (#FFD8F0), a frosty light cyan (#E0FFFF), a calming light blue (#ADD8E6), and a bright sky blue (#87CEFA). This palette offers designers and developers a soothing yet charming range of pastels. It's perfect for creating inviting, light, and airy digital experiences, branding, or content that requires a touch of innocence, sweetness, and gentle joy, ensuring a harmonious and visually comforting aesthetic.

Best used for

  • Baby clothing e-commerce
  • Maternity brand design
  • Gentle wellness app UI
  • Children's nursery decor blogs
  • Soft lifestyle photography
  • Dreamy wedding invitations

Suggested color roles

primary

This bright sky blue (#87CEFA) can serve as a calming primary, ideal for larger background areas, main navigation, or a foundational brand color.

secondary

A soft rose pink (#F7B9D2) that complements the blue, perfect for subheadings, decorative elements, or a gentle accent.

accent

This light blue (#ADD8E6) can be used for subtle interactive states, borders, or to add a touch of freshness without overpowering.

background

This very pale pink (#FFD8F0) offers an excellent, warm, and airy base that allows the other soft colors to emerge gracefully.

text

For optimal readability, a medium to dark gray (#555555) or a deep navy is recommended. Black might be too stark.

Accessibility notes

  • Contrast is crucial for text. Any text on #FFD8F0, #E0FFFF, #F7B9D2, or #ADD8E6 will require a significantly darker color (e.g., dark gray) to meet WCAG AA standards.
  • Avoid using light-colored text on any of these pastels.
  • The subtle differences between colors mean that visual cues beyond color (e.g., icons, underlines) are essential for conveying information.
  • Consider increasing font size or using bolder weights for improved legibility, especially for body text.

Recommended combinations

Gentle Horizon

Ideal for soft, layered backgrounds, headers, or hero sections, creating a serene and inviting visual.

#F7B9D2 · #E0FFFF · #87CEFA

Sweet Clouds

Great for delicate accents, card backgrounds, or subtle interactive elements, evoking a light and airy feel.

#FFD8F0 · #ADD8E6 · #F7B9D2

Sky Dreams

Suited for balanced layouts, gentle infographics, or secondary content areas, maintaining a cohesive, soft aesthetic.

#87CEFA · #E0FFFF · #FFD8F0

CSS variables

:root {
  --carnival-cotton-sky-1: #F7B9D2;
  --carnival-cotton-sky-2: #FFD8F0;
  --carnival-cotton-sky-3: #E0FFFF;
  --carnival-cotton-sky-4: #ADD8E6;
  --carnival-cotton-sky-5: #87CEFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "carnival-cotton-sky": {
        1: "#F7B9D2",
        2: "#FFD8F0",
        3: "#E0FFFF",
        4: "#ADD8E6",
        5: "#87CEFA",
      }
    }
  }
}

Related searches

pastel pink blue palettecotton candy sky colorssoft playful web colorsdreamy baby brand palettelight airy UI design

Palette colors

Hex values

Color 1#F7B9D2
·
Color 2#FFD8F0
·
Color 3#E0FFFF
·
Color 4#ADD8E6
·
Color 5#87CEFA
·

Accessibility

Contrast checker

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

Similar palettes

More like Carnival Cotton Sky

View all pastel
Bubblegum Carnival Pop
Candy Floss Dream
Candyfloss Cloud Dream
Carnival Cotton Candy
Pastel Bubblegum Pop
Pastel Candy Cloud