Back to palettes

Palette

Morning Dew Petals

Captures the tender freshness of a spring morning, with dew-kissed petals and a soft, clear sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#98FB98#B0E0E6#F0FFF0#FAFAD2#ADD8E6

Palette guide

How to use Morning Dew Petals

Overview

The "Morning Dew Petals" palette delivers a delightful array of soft pastels, capturing the tender freshness of a spring morning. Featuring vibrant #98FB98 (Pale Green), serene #B0E0E6 (Light Blue), airy #F0FFF0 (Honeydew), warm #FAFAD2 (Light Goldenrod Yellow), and cool #ADD8E6 (Light Blue), this collection is perfect for designers aiming to create gentle, inviting, and lighthearted experiences. Its harmonious blend of greens, blues, and a touch of warm yellow makes it incredibly versatile for cheerful yet calm aesthetics across various digital and print applications.

Best used for

  • Children's product branding
  • Spring seasonal marketing campaigns
  • Boutique bakery or cafe websites
  • Creative blog designs
  • Wedding or baby shower invitations
  • Lighthearted mobile game interfaces

Suggested color roles

primary

#F0FFF0 - A very light, almost-white green, ideal as a clean, fresh base for backgrounds and large content areas.

secondary

#B0E0E6 - A soft, sky blue that complements the green, suitable for headers, sidebars, or secondary content blocks.

accent

#98FB98 - A brighter, cheerful green, perfect for calls-to-action, interactive elements, or highlighting key information.

background

#FAFAD2 - A warm, creamy yellow that offers a gentle, inviting backdrop, especially effective for content sections.

text

#ADD8E6 - A lighter blue, best for subtle decorative text or subheadings. For body text, use a dark grey or black for optimal readability.

Accessibility notes

  • Many combinations of these pastel colors will have low contrast; always verify text and interactive element contrast.
  • #98FB98 on #F0FFF0 might be acceptable for larger text, but not for small body copy.
  • Ensure sufficient visual cues (borders, underlines) for links and buttons, as color difference alone might not suffice.
  • For critical information, use a dark, contrasting color for text on any of these light backgrounds.

Recommended combinations

Spring Fresh

#F0FFF0 as main background, #B0E0E6 for cards, and #98FB98 for subtle highlights or icons.

#F0FFF0 · #B0E0E6 · #98FB98

Warm Glow

#FAFAD2 for a soft content background, #ADD8E6 for headers, and #F0FFF0 for text boxes.

#FAFAD2 · #ADD8E6 · #F0FFF0

Gentle Interaction

#B0E0E6 for button backgrounds, #98FB98 for hover states, and #FAFAD2 for accompanying text.

#B0E0E6 · #98FB98 · #FAFAD2

CSS variables

:root {
  --morning-dew-petals-1: #98FB98;
  --morning-dew-petals-2: #B0E0E6;
  --morning-dew-petals-3: #F0FFF0;
  --morning-dew-petals-4: #FAFAD2;
  --morning-dew-petals-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-petals": {
        1: "#98FB98",
        2: "#B0E0E6",
        3: "#F0FFF0",
        4: "#FAFAD2",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

pastel green blue yellowspring theme color palettelight and gentle web colorsfloral inspired UI designsoft cheerful hex codes

Palette colors

Hex values

Color 1#98FB98
·
Color 2#B0E0E6
·
Color 3#F0FFF0
·
Color 4#FAFAD2
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Dew Petals

View all pastel
Dewdrop Meadow Soft
Meadow Spring Fresh
Morning Dew Meadow
Spring Bloom Dew
Spring Crocus Meadow
Spring Meadow Awakening