Palette

Dreamy Watercolor

Ethereal and soft, like a delicate painting rendered in translucent watercolor washes on paper.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0B0FF#B0C4DE#D8BFD8#FFDAB9#7BD2EE

Palette guide

How to use Dreamy Watercolor

Overview

The "Dreamy Watercolor" palette is ethereal and soft, reminiscent of a delicate painting rendered in translucent watercolor washes. This unique blend features a captivating purple #E0B0FF, a serene blue-gray #B0C4DE, a muted lavender #D8BFD8, a warm peach #FFDAB9, and a vibrant sky blue #7BD2EE. It's ideal for designs that aim for a gentle, artistic, and slightly whimsical feel. Designers can use this palette for creative branding, artistic websites, or illustrations that require a hand-painted aesthetic. Developers will find these hex codes inspiring for creating visually rich but soft user interfaces, bringing an artistic touch to digital experiences.

Best used for

Art and design portfolio websites
Creative blog themes or personal branding
Event invitations with an artistic flair
Children's book illustrations or animation
Handmade craft product packaging
Fashion or beauty brands seeking a delicate, artistic image

Suggested color roles

primary

#B0C4DE - A soft blue-gray, excellent for main content areas or large backgrounds to provide a calming, neutral base.

secondary

#E0B0FF - A captivating light purple, perfect for subheadings, navigation elements, or to add a touch of artistic flair.

accent

#7BD2EE - A vibrant sky blue, ideal for calls-to-action, interactive elements, or to provide a refreshing visual pop.

background

#FFDAB9 - A warm, delicate peach, offering a soft and inviting canvas that complements the cool tones.

text

#4A4A4A (dark gray) - A soft but strong dark gray provides excellent readability without being too harsh against the pastel hues.

Accessibility notes

Avoid using #FFDAB9 or #D8BFD8 for small text on #B0C4DE or #E0B0FF, as contrast may be insufficient.
For body text, a dark color like #4A4A4A or black is crucial on all background colors in this palette.
Pairing #7BD2EE with #FFDAB9 provides a good, refreshing contrast for headings or key information.
Always test color combinations for WCAG compliance, especially when layering these softer tones.

Recommended combinations

Artistic Flow

Creates a harmonious, flowing background or layered elements for an artistic, gentle feel.

#B0C4DE · #E0B0FF · #D8BFD8

Vibrant Touch

Use for lively accents, call-to-action buttons, or to add a cheerful, contrasting pop of color.

#FFDAB9 · #7BD2EE · #E0B0FF

Soft Contrast

Ideal for creating subtle visual separation in UI elements, card backgrounds, or content blocks.

#B0C4DE · #FFDAB9 · #D8BFD8

CSS variables

:root {
  --dreamy-watercolor-1: #E0B0FF;
  --dreamy-watercolor-2: #B0C4DE;
  --dreamy-watercolor-3: #D8BFD8;
  --dreamy-watercolor-4: #FFDAB9;
  --dreamy-watercolor-5: #7BD2EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamy-watercolor": {
        1: "#E0B0FF",
        2: "#B0C4DE",
        3: "#D8BFD8",
        4: "#FFDAB9",
        5: "#7BD2EE",
      }
    }
  }
}

Hex values

Color 1#E0B0FF

Color 2#B0C4DE

Color 3#D8BFD8

Color 4#FFDAB9

Color 5#7BD2EE

Accessibility

Contrast checker

1:1Fail

1.4:1Fail

1:1Fail

1.4:1Fail

1:1Fail

1.3:1Fail

1:1Fail

1.4:1Fail

1.3:1Fail

1:1Fail

1.3:1Fail

Similar palettes

More like Dreamy Watercolor

Dreamy Watercolor

See it in context.

Ready when you are.

Built with Dreamy Watercolor.

How to use Dreamy Watercolor

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Artistic Flow

Vibrant Touch

Soft Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dreamy Watercolor