Back to palettes

Palette

Dreamy Sky Bloom

A serene and ethereal palette capturing the soft, floating beauty of a dreamy, pastel-colored sky, gentle and light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dreamy Sky Bloom 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 Dreamy Sky Bloom.

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

Data visualization

#ADD8E6#FFC0CB#E6E6FA#DCDCDC#FDF5E6

Palette guide

How to use Dreamy Sky Bloom

Overview

This "Dreamy Sky Bloom" palette evokes serenity with its ethereal pastel tones, ideal for designs requiring a gentle, light touch. Featuring delicate shades like the soft sky blue #ADD8E6, a tender pink #FFC0CB, and a calming lavender #E6E6FA, it's perfect for creating soothing digital interfaces or inviting print materials. Developers can utilize #DCDCDC as a subtle separator or background element, while #FDF5E6 offers a near-white base. The cohesive collection of light, airy colors makes it highly adaptable for projects aiming for a whimsical yet sophisticated aesthetic, ensuring a harmonious visual experience. Designers will appreciate its versatility for soft branding or tranquil illustrations.

Best used for

  • Children's book illustrations and nursery decor
  • Wedding invitations and event branding
  • Skincare or gentle beauty product packaging
  • Website backgrounds for wellness or mindfulness apps
  • Soft branding for cafes or bakeries
  • Ethereal digital art or social media graphics

Suggested color roles

primary

#ADD8E6 - A light, airy sky blue, excellent for main content areas or large backgrounds where a calm, expansive feel is desired.

secondary

#FFC0CB - A delicate pastel pink, perfect for subheadings, call-to-action buttons, or decorative elements to add a touch of warmth.

accent

#E6E6FA - A soft lavender, ideal for subtle highlights, interactive states, or small graphic details that need a gentle pop.

background

#FDF5E6 - A very light cream, providing a clean, warm, and inviting canvas that allows other pastels to softly bloom.

text

#333333 (charcoal) - A dark charcoal gray provides sufficient contrast for readability against any of the light background colors in this palette.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFC0CB or #E6E6FA with #FDF5E6 for text; aim for larger font sizes if contrast is low.
  • Text in a dark charcoal or black is recommended against all palette colors for optimal readability, as the palette is very light.
  • Use #ADD8E6 or #DCDCDC as backgrounds for interactive elements, ensuring any text or icons have good contrast.
  • Avoid using #DCDCDC as text on #FDF5E6, as the contrast will be extremely poor and fail accessibility standards.

Recommended combinations

Gentle Gradient

Ideal for soft UI gradients, background transitions, or illustrative fades for a serene effect.

#ADD8E6 · #E6E6FA · #FDF5E6

Whimsical Touch

Use for playful accents, decorative borders, or visual separation in light-hearted designs.

#FFC0CB · #ADD8E6 · #DCDCDC

Calm Base

Perfect for establishing a peaceful, almost monochromatic base with subtle variations for content blocks.

#FDF5E6 · #DCDCDC · #E6E6FA

CSS variables

:root {
  --dreamy-sky-bloom-1: #ADD8E6;
  --dreamy-sky-bloom-2: #FFC0CB;
  --dreamy-sky-bloom-3: #E6E6FA;
  --dreamy-sky-bloom-4: #DCDCDC;
  --dreamy-sky-bloom-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamy-sky-bloom": {
        1: "#ADD8E6",
        2: "#FFC0CB",
        3: "#E6E6FA",
        4: "#DCDCDC",
        5: "#FDF5E6",
      }
    }
  }
}

Related searches

pastel sky color schemedreamy aesthetic colorssoft whimsical palettelight ethereal designcalm pastel branding

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#FFC0CB
·
Color 3#E6E6FA
·
Color 4#DCDCDC
·
Color 5#FDF5E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Dreamy Sky Bloom

View all pastel
Whisperlight Fairy Dust
Cloud Cotton Sky
Cloud Dream Whisper
Dreamy Cloudscape
Dreamy Cotton
Dreamy Sky Puff