Back to palettes

Palette

Pastel Dreams Watercolor

Delicately blended, airy pastels create a soft, ethereal quality, like a gentle watercolor painting.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADADD#FFF0F5#F0FFFF#F0F8FF#E0FFFF

Palette guide

How to use Pastel Dreams Watercolor

Overview

The Pastel Dreams Watercolor palette features delicately blended, airy pastels that create a soft, ethereal quality, like a gentle watercolor painting. With sublime hues such as the warm #FADADD, the delicate #FFF0F5, and the serene #F0FFFF, this collection is perfect for creating tranquil and artistic designs. Developers will find these light, harmonious colors excellent for clean, minimalist interfaces with a touch of softness, while designers can leverage their gentle aesthetic for branding that conveys peace, purity, and subtle sophistication. The dominance of blues and soft pinks offers a calming yet inviting feel, ideal for artistic and gentle projects.

Best used for

  • Artistic portfolio websites and online galleries
  • Wedding stationery and event branding
  • Yoga or wellness studio visual identities
  • Soft fashion or beauty product packaging
  • Children's storybook illustrations
  • Personal blogs with a gentle, aesthetic focus

Suggested color roles

primary

Use #FADADD as a gentle primary color for brand identity or prominent design elements, offering a soft, warm focal point.

secondary

Employ #FFF0F5 for supporting content blocks, subheadings, or subtle background textures, adding a touch of warmth.

accent

Apply #E0FFFF for interactive elements, call-to-action buttons, or to add a refreshing, cool and subtle pop.

background

Utilize #F0F8FF for main content areas, providing a clean, airy, and expansive canvas that feels like pure sky.

text

A deep navy or dark gray text color will provide excellent contrast and maintain the palette's delicate yet legible aesthetic.

Accessibility notes

  • All colors are extremely light; ensure text has sufficient contrast by using dark text (e.g., black, dark gray, or deep blue).
  • Avoid using light text on any of these pastel backgrounds to prevent readability issues, especially for small fonts.
  • When using #F0F8FF or #F0FFFF as backgrounds, ensure any overlaid text or icons are significantly darker for visibility.
  • Consider using larger font sizes for important headings to enhance readability against the very soft backgrounds.

Recommended combinations

Misty Morning

Create seamless, soft gradients for backgrounds or large visual sections, evoking a tranquil morning.

#FADADD · #FFF0F5 · #F0FFFF

Ocean Whisper

Design serene layouts where cool blues blend effortlessly, ideal for header or footer sections.

#F0FFFF · #F0F8FF · #E0FFFF

Blush Sky

Highlight key information or interactive components with a balanced mix of warm and cool, airy pastels.

#FADADD · #F0F8FF · #FFF0F5

CSS variables

:root {
  --pastel-dreams-watercolor-1: #FADADD;
  --pastel-dreams-watercolor-2: #FFF0F5;
  --pastel-dreams-watercolor-3: #F0FFFF;
  --pastel-dreams-watercolor-4: #F0F8FF;
  --pastel-dreams-watercolor-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-dreams-watercolor": {
        1: "#FADADD",
        2: "#FFF0F5",
        3: "#F0FFFF",
        4: "#F0F8FF",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

pastel watercolor palettesoft ethereal colorscalm light design schemewhimsical pastel artdreamy blue pink pastels

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFF0F5
·
Color 3#F0FFFF
·
Color 4#F0F8FF
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Dreams Watercolor

View all pastel
Dreamy Cloudscape
Whisperlight Fairy Dust
Cloud Soft Dawn
Cloud Whispers
Dawn Serenity
Dewdrop Petal Blush