Back to palettes

Palette

Morning Mist Petals

Soft, hazy pastels capturing the delicate beauty of flower petals lightly kissed by morning mist.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Mist Petals 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 Morning Mist Petals.

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

Data visualization

#F8F0EC#E6D7E4#D1C3DF#BFB6D9#A59BCD

Palette guide

How to use Morning Mist Petals

Overview

The Morning Mist Petals palette presents a collection of soft, hazy pastels, predominantly lavenders and muted purples, evoking the delicate beauty of flower petals kissed by morning mist. With its lightest shade #F8F0EC offering a creamy, almost neutral base, and progressing through gentle purples like #E6D7E4 and #D1C3DF, it creates a serene and feminine feel. The deeper #BFB6D9 and #A59BCD provide subtle anchoring and greater visual presence. Designers and developers can use this palette to craft experiences that are calm, gentle, and imbued with a sense of natural grace, perfect for elegant and tender aesthetics.

Best used for

  • Beauty product branding
  • Wedding stationery and invitations
  • Feminine fashion and lifestyle blogs
  • Serene home decor inspiration
  • Spa and relaxation websites
  • Delicate graphic design projects

Suggested color roles

primary

Use #D1C3DF as a gentle, inviting base color for main content areas or larger design elements, offering a soft purple foundation.

secondary

Apply #BFB6D9 for supportive tones, sub-sections, or complementary graphics, adding subtle depth.

accent

Utilize #A59BCD as a richer, more prominent highlight for interactive elements, important links, or decorative flourishes.

background

Employ #F8F0EC as the primary background color, providing a soft, almost neutral, and airy canvas.

text

For optimal readability, use dark grey or charcoal. #A59BCD can be used for headings on light backgrounds if contrast is sufficient.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #F8F0EC and #E6D7E4 for content.
  • Pair darker colors such as #A59BCD with #F8F0EC for readable body text and essential information.
  • Avoid using adjacent colors like #D1C3DF and #BFB6D9 for text and background in critical areas due to potentially low contrast.
  • Consider using a dark grey or black for essential text elements to guarantee readability across all backgrounds within this palette.

Recommended combinations

Petal Soft

Delicate background textures, soft gradients for headers, or layered shapes for a calming, ethereal visual.

#F8F0EC · #E6D7E4 · #D1C3DF

Misty Lavender

Gradient buttons, layered graphic elements, or subtle branding accents, with #A59BCD as a focal point.

#D1C3DF · #BFB6D9 · #A59BCD

Dew Kissed

Light background with #A59BCD for text and #E6D7E4 for subtle decorative elements or inactive states.

#F8F0EC · #A59BCD · #E6D7E4

CSS variables

:root {
  --morning-mist-petals-1: #F8F0EC;
  --morning-mist-petals-2: #E6D7E4;
  --morning-mist-petals-3: #D1C3DF;
  --morning-mist-petals-4: #BFB6D9;
  --morning-mist-petals-5: #A59BCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-mist-petals": {
        1: "#F8F0EC",
        2: "#E6D7E4",
        3: "#D1C3DF",
        4: "#BFB6D9",
        5: "#A59BCD",
      }
    }
  }
}

Related searches

soft lavender palettepastel purple schemedelicate floral colorsmisty feminine paletteserene beauty branding

Palette colors

Hex values

Color 1#F8F0EC
·
Color 2#E6D7E4
·
Color 3#D1C3DF
·
Color 4#BFB6D9
·
Color 5#A59BCD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.7:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.9:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
5
2.3:1Fail
1.9:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Morning Mist Petals

View all pastel
Dreamy Lavender Field
Dreamy Lavender Field
Fresh Blossom Dew
Garden Morning Glimmer
Gentle Lavender Haze
Lavender Bloom Field