Back to palettes

Palette

Whimsical Dreamscape

A soft, enchanting blend of gentle pastels, creating a fantastical and imaginative world.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Dreamscape 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 Whimsical Dreamscape.

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

Data visualization

#CBE9F9#FCE3F5#D2F7EE#FFF5B8#E2C0F2

Palette guide

How to use Whimsical Dreamscape

Overview

The "Whimsical Dreamscape" palette is a soft, enchanting blend of gentle pastels, designed to create a fantastical and imaginative world. Featuring a serene Light Blue (#CBE9F9), a delicate Pale Pink (#FCE3F5), a refreshing Mint Green (#D2F7EE), a sunny Light Yellow (#FFF5B8), and a dreamy Lavender (#E2C0F2), this array is perfect for designers aiming to evoke wonder and playfulness. Developers can utilize these light, harmonious tones for creating visually soothing interfaces, especially where a soft, inviting aesthetic is paramount. This palette is ideal for projects that seek to transport users into a gentle, dream-like realm, from digital illustrations to brand identities for creative ventures.

Best used for

  • Fantasy-themed children's books
  • Creative art and illustration portfolios
  • Meditation or relaxation app designs
  • Wedding and event stationery
  • E-commerce for artisanal crafts
  • Personal blogs with an ethereal aesthetic

Suggested color roles

primary

#CBE9F9 (Light Blue) - An expansive, calm base, perfect for main backgrounds or large sections to create an open, airy feel.

secondary

#FCE3F5 (Pale Pink) - Ideal for subheadings, secondary navigation, or decorative elements, adding a touch of warmth and softness.

accent

#FFF5B8 (Light Yellow) - Use for subtle highlights, calls-to-action, or playful details to draw attention with a gentle glow.

background

#D2F7EE (Mint Green) - A fresh and clean alternative background, providing a subtle coolness that complements other pastels.

text

#E2C0F2 (Lavender) - Suitable for larger display text or subheadings on very light backgrounds, or a dark gray for improved readability of body copy.

Accessibility notes

  • All colors in this palette are very light; ensure text has sufficient contrast by pairing with a very dark text color (e.g., #333333 or black).
  • Avoid using any of these pastel colors for small body text on other pastel backgrounds, as contrast will be insufficient.
  • For interactive elements, ensure additional visual cues (e.g., underlines, icons) are present besides color alone.
  • When using #FFF5B8, be particularly mindful of text contrast, as its lightness can make text difficult to read.

Recommended combinations

Ethereal UI

Soft backgrounds, card elements, and subtle UI components for a gentle and inviting interface.

#CBE9F9 · #FCE3F5 · #E2C0F2

Dreamy Accents

Highlighting key information, decorative illustrations, or playful graphic elements.

#D2F7EE · #FFF5B8 · #FCE3F5

Calm Branding

Brand logos, social media visuals, and introductory web sections for a soft, imaginative identity.

#CBE9F9 · #E2C0F2 · #FFF5B8

CSS variables

:root {
  --whimsical-dreamscape-1: #CBE9F9;
  --whimsical-dreamscape-2: #FCE3F5;
  --whimsical-dreamscape-3: #D2F7EE;
  --whimsical-dreamscape-4: #FFF5B8;
  --whimsical-dreamscape-5: #E2C0F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-dreamscape": {
        1: "#CBE9F9",
        2: "#FCE3F5",
        3: "#D2F7EE",
        4: "#FFF5B8",
        5: "#E2C0F2",
      }
    }
  }
}

Related searches

pastel dream color schemewhimsical light palettefantasy ui colorssoft imaginative brandethereal pastel combination

Palette colors

Hex values

Color 1#CBE9F9
·
Color 2#FCE3F5
·
Color 3#D2F7EE
·
Color 4#FFF5B8
·
Color 5#E2C0F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
2
1.1:1Fail
1:1Fail
1.1:1Fail
1.3:1Fail
3
1.1:1Fail
1:1Fail
1:1Fail
1.4:1Fail
4
1.1:1Fail
1.1:1Fail
1:1Fail
1.5:1Fail
5
1.3:1Fail
1.3:1Fail
1.4:1Fail
1.5:1Fail

Similar palettes

More like Whimsical Dreamscape

View all pastel
Enchanted Fairy Dust
Cloud Fluff Whimsy
Enchanted Fairy Dell
Glimmering Pixie Dust
Sugar Plum Fairy
Whispering Cloud Petals