Palette

Garden Blossom Dew

Delicate and fresh, capturing the tender hues of a garden awakened by morning dew.

PastelCalm5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Garden Blossom Dew 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 Garden Blossom Dew.

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

Data visualization

#ADD8E6#90EE90#FFB6C1#FFF0F5#FAFAD2

Palette guide

How to use Garden Blossom Dew

Overview

The 'Garden Blossom Dew' palette offers a delicate and fresh aesthetic, capturing the tender hues of a garden at dawn. Dominated by soft pastels like #ADD8E6 (light blue), #90EE90 (pale green), and #FFB6C1 (light pink), it creates a serene and inviting atmosphere. These gentle colors are perfectly balanced by the ethereal #FFF0F5 (blush white) and warm #FAFAD2 (pale yellow), evoking tranquility and natural beauty. Designers can utilize this palette to craft soothing environments, elegant branding, or any project requiring a touch of softness and understated charm, reminiscent of morning dew on petals.

Best used for

Baby and children's product branding
Wedding invitations and floral designs
Spa and wellness industry websites
Gentle, nature-inspired art and illustrations
Soft interior design accents
Feminine or delicate fashion branding

Suggested color roles

primary

Use #ADD8E6 (light blue) for main sections or backgrounds to establish a calm, airy foundation.

secondary

Apply #FFB6C1 (light pink) for supportive elements, soft accents, or to introduce a romantic touch.

accent

Incorporate #90EE90 (pale green) for subtle highlights, organic shapes, or to add a hint of natural freshness.

background

Utilize #FFF0F5 (blush white) or #FAFAD2 (pale yellow) as primary backgrounds for a clean, luminous base.

text

For readability, use a dark gray or charcoal for body text. #ADD8E6 or #FFB6C1 can be used for larger headings on very light backgrounds.

Accessibility notes

Given the lightness of all colors, ensure dark text (e.g., black or dark gray) is always used for readability.
Avoid using any of the palette colors for text on a #FFF0F5 or #FAFAD2 background without rigorous contrast testing.
For interactive elements, ensure hover states provide clear visual feedback with sufficient contrast.
Consider using a darker complementary color outside the palette for critical text if readability is compromised.

Recommended combinations

Morning Haze

Perfect for creating soft, ethereal backgrounds or gentle transitions in web and print design.

#FFF0F5 · #ADD8E6 · #FFB6C1

Fresh Bloom

Ideal for nature-themed illustrations, springtime marketing, or light, airy digital interfaces.

#90EE90 · #FAFAD2 · #ADD8E6

Dewdrop Serenity

Creates a harmonious, calming effect, suitable for wellness branding or romantic event decor.

#FFB6C1 · #FAFAD2 · #FFF0F5

CSS variables

:root {
  --garden-blossom-dew-1: #ADD8E6;
  --garden-blossom-dew-2: #90EE90;
  --garden-blossom-dew-3: #FFB6C1;
  --garden-blossom-dew-4: #FFF0F5;
  --garden-blossom-dew-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-blossom-dew": {
        1: "#ADD8E6",
        2: "#90EE90",
        3: "#FFB6C1",
        4: "#FFF0F5",
        5: "#FAFAD2",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#90EE90

Color 3#FFB6C1

Color 4#FFF0F5

Color 5#FAFAD2

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.5:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

1:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

1:1Fail

Similar palettes

More like Garden Blossom Dew

Garden Blossom Dew

See it in context.

Ready when you are.

Built with Garden Blossom Dew.

How to use Garden Blossom Dew

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Morning Haze

Fresh Bloom

Dewdrop Serenity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Garden Blossom Dew