Palette

Cloud Shimmer Dawn

Gentle and serene, like the fleeting hues painted across the sky as the sun rises through soft clouds.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cloud Shimmer Dawn 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 Shimmer Dawn.

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

Data visualization

#CFCFEA#B3D9FF#FFC0CB#D3D3D3#F8F8F8

Palette guide

How to use Cloud Shimmer Dawn

Overview

The Cloud Shimmer Dawn palette is gentle and serene, like the fleeting hues painted across the sky as the sun rises through soft clouds. With pastel tones of lavender #CFCFEA, sky blue #B3D9FF, soft pink #FFC0CB, and light grays #D3D3D3 and #F8F8F8, this collection offers a truly ethereal aesthetic. It's an excellent choice for designers and developers aiming for a dreamy, romantic, and tranquil feel. Leverage these subtle hues to create enchanting digital experiences, delicate branding, or serene physical spaces, fostering an inviting and visually calming presence that evokes the quiet beauty of a sunrise.

Best used for

Romantic wedding themes
Baby product marketing
Feminine lifestyle blogs
Spa and relaxation branding
Ethereal event decor
Morning routine app interfaces

Suggested color roles

primary

Use #CFCFEA as a gentle primary for headers or main elements, offering a soft lavender-grey anchor.

secondary

Employ #B3D9FF for supporting sections or subheadings, introducing a clean, light blue element.

accent

Apply #FFC0CB for drawing attention to calls-to-action, delightful details, or soft highlights. Its pink adds warmth.

background

Utilize #F8F8F8 for clean, expansive backgrounds. This almost-white shade creates an airy, serene canvas.

text

For body text on light backgrounds like #F8F8F8, a dark charcoal (#333333) or black is recommended, as palette colors are too light for extensive text.

Accessibility notes

This palette is very light. Most text-on-color combinations within the palette will likely fail WCAG contrast standards.
Always use a very dark charcoal or black text color for all body text and critical information to ensure readability.
The palette is best for backgrounds, accents, and subtle layering, not for text-heavy interfaces without external dark text colors.
Use a contrast checker diligently for any text elements, even if using an external dark color, to ensure sufficient contrast against the chosen background shade.

Recommended combinations

Dawn's Embrace

Ideal for a soft, airy brand. #CFCFEA for gentle headers, #B3D9FF for supporting elements, and #F8F8F8 as a clean background.

#CFCFEA · #B3D9FF · #F8F8F8

Morning Blush

Excellent for delicate accents or subtle gradients, adding warmth and softness.

#FFC0CB · #D3D3D3 · #B3D9FF

Ethereal Glow

Creates an expansive, bright feel. #B3D9FF for main content, with #D3D3D3 and #F8F8F8 for layered backgrounds.

#B3D9FF · #D3D3D3 · #F8F8F8

CSS variables

:root {
  --cloud-shimmer-dawn-1: #CFCFEA;
  --cloud-shimmer-dawn-2: #B3D9FF;
  --cloud-shimmer-dawn-3: #FFC0CB;
  --cloud-shimmer-dawn-4: #D3D3D3;
  --cloud-shimmer-dawn-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-shimmer-dawn": {
        1: "#CFCFEA",
        2: "#B3D9FF",
        3: "#FFC0CB",
        4: "#D3D3D3",
        5: "#F8F8F8",
      }
    }
  }
}

Hex values

Color 1#CFCFEA

Color 2#B3D9FF

Color 3#FFC0CB

Color 4#D3D3D3

Color 5#F8F8F8

Accessibility

Contrast checker

1:1Fail

1.4:1Fail

1:1Fail

1.4:1Fail

1:1Fail

1.4:1Fail

1:1Fail

1.4:1Fail

Similar palettes

More like Cloud Shimmer Dawn

Cloud Shimmer Dawn

See it in context.

Ready when you are.

Built with Cloud Shimmer Dawn.

How to use Cloud Shimmer Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dawn's Embrace

Morning Blush

Ethereal Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cloud Shimmer Dawn