Back to palettes

Palette

Pastel Skies

Soft blues and purples paint a serene picture of a dawn or dusk sky, filled with delicate, dreamy hues.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#E0FFFF#E6E6FA#DDA0DD#F0F8FF

Palette guide

How to use Pastel Skies

Overview

The "Pastel Skies" palette paints a serene picture of a dawn or dusk sky, filled with delicate, dreamy hues. This collection features #B0E0E6, a gentle powder blue, and #E0FFFF, a very light cyan, evoking clear skies. #E6E6FA introduces a soft lavender blush, while #DDA0DD offers a richer, yet still muted, plum or orchid tone. #F0F8FF, an ethereal alice blue, completes the ethereal spectrum. Designers can use this palette to create calm, tranquil, and sophisticated interfaces or branding that exude a sense of peace and natural beauty, perfect for wellness, luxury, or art-related projects.

Best used for

  • Wellness and meditation app interfaces
  • Luxury spa or beauty brand websites
  • Art gallery or creative portfolio sites
  • Serene interior design concepts
  • Cloud computing or tech branding (soft approach)
  • Event decor for elegant, peaceful gatherings

Suggested color roles

primary

#B0E0E6 - A calming powder blue, excellent for main content areas, headers, or significant UI elements to convey stability and peace.

secondary

#DDA0DD - This muted plum/orchid adds depth and sophistication, ideal for subheadings, accent panels, or secondary calls-to-action.

accent

#E6E6FA - A soft lavender blush, perfect for subtle highlights, interactive states, or small decorative details, adding a touch of romance.

background

#F0F8FF - An ethereal alice blue, serving as a very light, almost white canvas that provides an expansive and airy feel.

text

#E0FFFF - Best for very light, decorative text against darker backgrounds; for main content, use a dark neutral like #4A4A4A for readability.

Accessibility notes

  • #F0F8FF and #E0FFFF are extremely light; they require very dark text (e.g., black or #222222) for any content.
  • #B0E0E6 will likely require dark text for sufficient contrast, especially for body copy.
  • Avoid using #E6E6FA for text unless it's very large heading text on a significantly darker background.
  • Ensure interactive elements using #DDA0DD have a clear focus state and sufficient contrast against their background.

Recommended combinations

Dawn Hues

Creates a seamless, airy gradient mirroring a morning sky, perfect for large background areas or hero sections.

#F0F8FF · #E0FFFF · #B0E0E6

Twilight Dream

Combine for a more sophisticated, dreamlike atmosphere, with the plum adding depth to the softer blues and lavender.

#B0E0E6 · #E6E6FA · #DDA0DD

Calm Focus

Use the alice blue as a clean background, the plum for key information, and the powder blue for supporting elements.

#F0F8FF · #DDA0DD · #B0E0E6

CSS variables

:root {
  --pastel-skies-1: #B0E0E6;
  --pastel-skies-2: #E0FFFF;
  --pastel-skies-3: #E6E6FA;
  --pastel-skies-4: #DDA0DD;
  --pastel-skies-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-skies": {
        1: "#B0E0E6",
        2: "#E0FFFF",
        3: "#E6E6FA",
        4: "#DDA0DD",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel blue purple paletteserene sky colorscalm design aestheticdreamy pastel UItranquil color schemes

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#E0FFFF
·
Color 3#E6E6FA
·
Color 4#DDA0DD
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Skies

View all pastel
Lilac Cloud Dream
Morning Dew Petal
Pastel Dreamy Blush
Petal Whisper Softness
Winter Blossom
Amethyst Sky Bloom