Back to palettes

Palette

Cottage Garden Blush

Gentle, romantic hues evoking a blooming cottage garden at the soft glow of twilight.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cottage Garden Blush 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 Cottage Garden Blush.

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

Data visualization

#E6BCCD#F0C4D3#DDA4D2#B386C8#947EC3

Palette guide

How to use Cottage Garden Blush

Overview

The Cottage Garden Blush palette evokes the gentle, romantic hues of a blooming cottage garden at twilight. It features soft pinks like #E6BCCD and #F0C4D3, transitioning into delicate purples such as #DDA4D2 and #B386C8. The deepest shade, #947EC3, adds a grounding touch of rich lavender. This palette is ideal for designs that aim for a whimsical, feminine, and calming feel, perfect for wedding invitations, beauty blogs, or any project requiring a touch of vintage charm and floral elegance.

Best used for

  • Wedding invitations and event branding
  • Feminine lifestyle blogs and websites
  • Beauty and skincare product packaging
  • Romantic digital art and illustrations
  • Spring and summer fashion lookbooks
  • Interior design mood boards

Suggested color roles

primary

Use #E6BCCD or #F0C4D3 as a soft, inviting background for a light and airy feel.

secondary

Apply #DDA4D2 for headers, accents, or distinct content blocks, adding a touch of elegance.

accent

Leverage #947EC3 for subtle highlights, interactive elements, or a deeper, more sophisticated touch.

background

The lighter pinks #E6BCCD and #F0C4D3 create excellent soft, inviting backdrops.

text

For primary text, a dark charcoal or #947EC3 offers good contrast. For headings, use a rich dark brown or black.

Accessibility notes

  • Ensure sufficient contrast between dark text (charcoal, black) and the light pastel backgrounds like #E6BCCD and #F0C4D3.
  • Avoid using light pastel colors like #E6BCCD or #F0C4D3 for text, as they will lack contrast against most backgrounds.
  • When using #B386C8 or #947EC3 for text, test against lighter backgrounds to ensure readability.
  • Consider using a slightly darker shade of purple for text on #DDA4D2 to improve legibility.

Recommended combinations

Floral Elegance

Creates a soft, layered effect for backgrounds with a deeper accent color for titles or important details.

#F0C4D3 · #DDA4D2 · #947EC3

Blush & Bloom

Ideal for hero sections or invitations, blending soft pink with two complementary purples for depth and charm.

#E6BCCD · #B386C8 · #947EC3

Garden Twilight

Perfect for subtle gradients or background textures, evoking a gentle, romantic transition of hues.

#E6BCCD · #F0C4D3 · #DDA4D2

CSS variables

:root {
  --cottage-garden-blush-1: #E6BCCD;
  --cottage-garden-blush-2: #F0C4D3;
  --cottage-garden-blush-3: #DDA4D2;
  --cottage-garden-blush-4: #B386C8;
  --cottage-garden-blush-5: #947EC3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cottage-garden-blush": {
        1: "#E6BCCD",
        2: "#F0C4D3",
        3: "#DDA4D2",
        4: "#B386C8",
        5: "#947EC3",
      }
    }
  }
}

Related searches

pastel pink purple palettecottage garden color schemeromantic floral design colorssoft feminine brandingblush and lavender palette

Palette colors

Hex values

Color 1#E6BCCD
·
Color 2#F0C4D3
·
Color 3#DDA4D2
·
Color 4#B386C8
·
Color 5#947EC3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.7:1Fail
2.1:1Fail
2
1.1:1Fail
1.3:1Fail
1.9:1Fail
2.2:1Fail
3
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.7:1Fail
4
1.7:1Fail
1.9:1Fail
1.4:1Fail
1.2:1Fail
5
2.1:1Fail
2.2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Cottage Garden Blush

View all pastel
Sakura Blossom Kiss
Springtime Petal Whisper
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud
Cherry Blossom Dawn