Back to palettes

Palette

Cloud Berry Skies

Soft purples and blues that blend like fluffy clouds at dusk with a hint of berry tones.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cloud Berry Skies 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 Cloud Berry Skies.

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

Data visualization

#C8A2C8#D8BFD8#E6E6FA#ADD8E6#87CEEB

Palette guide

How to use Cloud Berry Skies

Overview

The Cloud Berry Skies palette is a dreamy collection of soft purples and blues, reminiscent of a serene dusk sky infused with delicate berry tones. Featuring airy shades like #E6E6FA (light lavender) and #ADD8E6 (sky blue), alongside the gentle warmth of #C8A2C8 (muted berry purple) and #D8BFD8 (pale lilac), it's anchored by the clear blue of #87CEEB. This palette is perfect for creating calm, ethereal, and whimsical designs, offering a soothing visual experience ideal for brands seeking a gentle and inviting aesthetic.

Best used for

  • Children's book illustrations
  • Gentle beauty product branding
  • Serene web interfaces and apps
  • Dreamy digital art and animations
  • Spa and wellness marketing materials
  • Light and airy fashion accessories

Suggested color roles

primary

Use #E6E6FA or #ADD8E6 as a light, expansive background for main content areas.

secondary

Apply #D8BFD8 (pale lilac) or #87CEEB (sky blue) for complementary sections, cards, or subtle gradients.

accent

Introduce #C8A2C8 (medium purple) for gentle highlights, interactive elements, or a soft pop of color.

background

A base of #E6E6FA or #ADD8E6 creates a light, airy, and calming foundation for any design.

text

For optimal readability on these pastels, use a dark grey (e.g., #4A4A4A) or charcoal text color.

Accessibility notes

  • Contrast is crucial; always use darker text colors on these light pastel backgrounds.
  • Ensure interactive elements (buttons, links) have sufficient contrast from their background.
  • Avoid using light pastel shades for small text to maintain legibility.
  • Test color combinations with accessibility tools to meet minimum contrast ratios.

Recommended combinations

Dusk Harmony

Perfect for creating a serene sky gradient with a touch of berry, ideal for headers or background art.

#E6E6FA · #ADD8E6 · #C8A2C8

Berry Cloud

Emphasizes the soft berry tones against a light cloud background, great for feminine or dreamy themes.

#D8BFD8 · #C8A2C8 · #E6E6FA

Clear Skies

Highlights the blue spectrum, ideal for a fresh, open feel with a subtle hint of purple.

#ADD8E6 · #87CEEB · #D8BFD8

CSS variables

:root {
  --cloud-berry-skies-1: #C8A2C8;
  --cloud-berry-skies-2: #D8BFD8;
  --cloud-berry-skies-3: #E6E6FA;
  --cloud-berry-skies-4: #ADD8E6;
  --cloud-berry-skies-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-berry-skies": {
        1: "#C8A2C8",
        2: "#D8BFD8",
        3: "#E6E6FA",
        4: "#ADD8E6",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

pastel purple blue palettedreamy sky colorssoft berry tonescalm UI colorslight lavender blue

Palette colors

Hex values

Color 1#C8A2C8
·
Color 2#D8BFD8
·
Color 3#E6E6FA
·
Color 4#ADD8E6
·
Color 5#87CEEB
·

Accessibility

Contrast checker

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

Similar palettes

More like Cloud Berry Skies

View all pastel
Azure Dream Canvas
Ethereal Celestial Cloud
Whispering Cloud Veil
Ethereal Cloud Veil
Lavender Dreamscape
Misty Morning Dew