Back to palettes

Palette

Whisper Rose Garden

Soft, delicate tones reminiscent of a dreamy rose garden shrouded in a gentle, romantic mist.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whisper Rose Garden 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 Whisper Rose Garden.

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

Data visualization

#FFC0CB#F5DEB3#E6E6FA#D8BFD8#F0F8FF

Palette guide

How to use Whisper Rose Garden

Overview

The Whisper Rose Garden palette is a delicate blend of soft, romantic tones, reminiscent of a dreamy rose garden shrouded in mist. Featuring the gentle pink #FFC0CB and the ethereal #E6E6FA, this collection is perfect for designs that aim for a light, charming, and whimsical feel. The inclusion of #F5DEB3 adds a touch of warm glow, enhancing its romantic appeal. Designers can use the lightest #F0F8FF for pristine backgrounds, allowing the pastel pinks and purples to create a serene and inviting atmosphere. It's an excellent choice for projects requiring a touch of softness and elegance.

Best used for

  • Wedding invitations and decor
  • Baby shower themes
  • Feminine brand identity
  • Beauty and skincare packaging
  • Children's book illustrations
  • Romantic website designs

Suggested color roles

primary

#FFC0CB - A quintessential soft pink, ideal for main brand color, accents, or prominent graphic elements.

secondary

#E6E6FA - A gentle lavender-blue, providing a cool, serene counterpoint for backgrounds or secondary elements.

accent

#F5DEB3 - A warm, creamy yellow that adds a touch of sunshine and can highlight calls to action or important details.

background

#F0F8FF - The lightest, airy blue-white, perfect for clean, expansive backgrounds that let other colors shine.

text

A dark grey or charcoal for body text on lighter backgrounds like #F0F8FF or #E6E6FA for optimal readability.

Accessibility notes

  • Most colors in this palette are light; ensure sufficient contrast when pairing them, especially for text.
  • Avoid placing light text on any of these light backgrounds. Always use a dark neutral for text.
  • For interactive elements, use #FFC0CB or #D8BFD8 as an accent on a white/off-white background, with dark text.
  • Consider a dark grey like #333333 for all body text to ensure WCAG AA readability standards.

Recommended combinations

Rose Mist

Creates a soft, dreamy, and romantic atmosphere, ideal for delicate branding or illustrations.

#FFC0CB · #E6E6FA · #F0F8FF

Garden Glow

A charming blend that introduces warmth, suitable for playful elements or inviting interfaces.

#F5DEB3 · #D8BFD8 · #E6E6FA

Delicate Charm

Perfect for emphasizing grace and subtle beauty, great for feminine-focused designs.

#FFC0CB · #D8BFD8 · #F0F8FF

CSS variables

:root {
  --whisper-rose-garden-1: #FFC0CB;
  --whisper-rose-garden-2: #F5DEB3;
  --whisper-rose-garden-3: #E6E6FA;
  --whisper-rose-garden-4: #D8BFD8;
  --whisper-rose-garden-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whisper-rose-garden": {
        1: "#FFC0CB",
        2: "#F5DEB3",
        3: "#E6E6FA",
        4: "#D8BFD8",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel pink color schemeromantic garden palettesoft wedding colorsdelicate floral huesfeminine pastel design

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#F5DEB3
·
Color 3#E6E6FA
·
Color 4#D8BFD8
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Whisper Rose Garden

View all pastel
Soft Petal Blush
Pastel Petal Cascade
Powder Pink Bloom
Soft Petal Blush
Blushing Rose Dew
Cherry Bloom Serenity