Palette

Enchanted Tower Mist

A whimsical array of soft pastels, conjuring images of an enchanted castle veiled in morning mist.

Pastelplayful5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Tower Mist 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 Enchanted Tower Mist.

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

Data visualization

#D9C3E1#B7E4C7#F2E3BC#C1DDF1#F6DCE4

Palette guide

How to use Enchanted Tower Mist

Overview

The Enchanted Tower Mist palette is a whimsical array of soft pastels, conjuring images of an enchanted castle veiled in morning mist. Featuring delicate lavender #D9C3E1, soft mint green #B7E4C7, and a creamy pale yellow #F2E3BC, this collection is perfect for designers seeking a light, dreamy, and playful aesthetic. Developers will find these hex codes ideal for crafting gentle interfaces, charming branding, and ethereal digital art. The cool sky blue #C1DDF1 and blush pink #F6DCE4 add complementary touches, ensuring visual harmony and a distinctly fairy-tale atmosphere for projects that embrace softness and imagination.

Best used for

Children's toy or apparel branding
Baby shower invitations and decor
Wedding stationery with a dreamy theme
Boutique bakery or cafe branding
Mobile game interfaces for casual or puzzle games
Digital art depicting castles, clouds, or dreamy landscapes

Suggested color roles

primary

#D9C3E1 - A soft, delicate lavender, excellent for dominant backgrounds or large content blocks, establishing a gentle, dreamy foundation.

secondary

#B7E4C7 - A soothing, soft mint green. Ideal for secondary panels, card backgrounds, or subtle section dividers, adding a fresh, calm layer.

accent

#C1DDF1 - A gentle sky blue. Perfect for subtle calls-to-action, interactive elements, or small decorative details that need a soft, ethereal pop.

background

#F2E3BC - A warm, creamy pale yellow, providing a light, open, and inviting canvas that feels soft and magical.

text

A dark charcoal or black (e.g., #333333) - The palette itself lacks a sufficiently dark text color for accessibility. A dark charcoal provides excellent readability against these light pastels.

Accessibility notes

The palette colors are all very light; therefore, ensure a dark text color (e.g., #333333 or black) is used for all body text to meet WCAG AA contrast standards, especially on backgrounds like #F2E3BC or #F6DCE4.
Avoid using any of the palette's own colors for text on other palette colors, as contrast will almost certainly be insufficient.
Reserve the palette colors for large headings, decorative elements, or backgrounds where text contrast is managed by a darker external color.
For interactive elements, ensure a clear visual cue beyond color alone (e.g., underline, icon change) due to low color contrast.

Recommended combinations

Misty Castle

Lavender for main background, mint green for secondary sections, and creamy yellow for content blocks, creating a soft, layered look.

#D9C3E1 · #B7E4C7 · #F2E3BC

Dreamy Sky

Sky blue for a header, blush pink for cards, and lavender for accents, evoking a gentle, ethereal atmosphere.

#C1DDF1 · #F6DCE4 · #D9C3E1

Pastel Whimsy

Creamy yellow as a background, mint green for decorative elements, and lavender for subtle highlights, perfect for playful designs.

#F2E3BC · #B7E4C7 · #D9C3E1

CSS variables

:root {
  --enchanted-tower-mist-1: #D9C3E1;
  --enchanted-tower-mist-2: #B7E4C7;
  --enchanted-tower-mist-3: #F2E3BC;
  --enchanted-tower-mist-4: #C1DDF1;
  --enchanted-tower-mist-5: #F6DCE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-tower-mist": {
        1: "#D9C3E1",
        2: "#B7E4C7",
        3: "#F2E3BC",
        4: "#C1DDF1",
        5: "#F6DCE4",
      }
    }
  }
}

Hex values

Color 1#D9C3E1

Color 2#B7E4C7

Color 3#F2E3BC

Color 4#C1DDF1

Color 5#F6DCE4

Accessibility

Contrast checker

1.2:1Fail

1.3:1Fail

1.2:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Enchanted Tower Mist

Enchanted Tower Mist

See it in context.

Ready when you are.

Built with Enchanted Tower Mist.

How to use Enchanted Tower Mist

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Misty Castle

Dreamy Sky

Pastel Whimsy

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Enchanted Tower Mist