Palette

Gentle Sky Gaze

A serene and dreamy collection of light blues and soft whites, reminiscent of a peaceful sky.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gentle Sky Gaze 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 Gentle Sky Gaze.

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

Data visualization

#ADD8E6#B0E0E6#E6E6FA#F0FFF0#FDF5E6

Palette guide

How to use Gentle Sky Gaze

Overview

The "Gentle Sky Gaze" palette is an ethereal collection of light blues and soft whites, perfectly capturing the essence of a peaceful, expansive sky. Ranging from the very light blue of "#ADD8E6" and "#B0E0E6" to the almost-white tones of "#E6E6FA", "#F0FFF0", and the creamy "#FDF5E6", this palette creates an incredibly soft, serene, and spacious atmosphere. It's ideal for designs that aim to convey purity, tranquility, and a dreamlike quality, making it versatile for wellness, baby-related products, or minimalist aesthetics where an airy, delicate touch is paramount.

Best used for

Meditation and mindfulness apps
Baby clothing and nursery decor
Cloud-based software interfaces
Ethereal art or photography websites
Spa and wellness brand identities
Minimalist and clean web designs

Suggested color roles

primary

Use "#ADD8E6" or "#B0E0E6" for very soft emphasis on headings or key elements, relying on dark text for contrast.

secondary

"#E6E6FA" can be used for subtle borders, secondary information, or light interactive elements.

accent

"#F0FFF0" or "#FDF5E6" are best for highlights or very subtle textural differences, almost blending into the background.

background

"#F0FFF0" or "#FDF5E6" provide an exceptionally light, breathable canvas, creating an open and airy feel.

text

A dark charcoal or black is absolutely essential for readability on these extremely light backgrounds.

Accessibility notes

All colors are extremely light; dark text (e.g., black or very dark gray) is crucial for readability.
Avoid using any of these palette colors for text, as contrast will be insufficient against most backgrounds.
Ensure large text and interactive elements have at least WCAG AA contrast against their backgrounds.
This palette requires careful application to pass accessibility standards for text, prioritizing contrast.

Recommended combinations

Cloud Drift

For very light, airy backgrounds and subtle layering that evokes openness.

#F0FFF0 · #E6E6FA · #ADD8E6

Horizon Glow

Ideal for soft gradients, subtle UI elements, or decorative bands that suggest a gentle sky.

#ADD8E6 · #B0E0E6 · #FDF5E6

Dreamy Haze

A gentle blend for light banners or ethereal graphic elements, emphasizing softness and calm.

#E6E6FA · #FDF5E6 · #B0E0E6

CSS variables

:root {
  --gentle-sky-gaze-1: #ADD8E6;
  --gentle-sky-gaze-2: #B0E0E6;
  --gentle-sky-gaze-3: #E6E6FA;
  --gentle-sky-gaze-4: #F0FFF0;
  --gentle-sky-gaze-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-sky-gaze": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#E6E6FA",
        4: "#F0FFF0",
        5: "#FDF5E6",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#B0E0E6

Color 3#E6E6FA

Color 4#F0FFF0

Color 5#FDF5E6

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1.2:1Fail

1:1Fail

1.4:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

Similar palettes

More like Gentle Sky Gaze

Gentle Sky Gaze

See it in context.

Ready when you are.

Built with Gentle Sky Gaze.

How to use Gentle Sky Gaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cloud Drift

Horizon Glow

Dreamy Haze

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gentle Sky Gaze