Palette

Garden Rose Bloom

Delicate and soft, embodying the gentle blush and tender elegance of blooming garden roses at dawn.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C787A2#E1AFCA#FAE3EF#A96B8B#D39CC3

Palette guide

How to use Garden Rose Bloom

Overview

The 'Garden Rose Bloom' palette (version 2) is a delicate and soft collection of hues, embodying the gentle blush and tender elegance of blooming garden roses at dawn. It features a range of romantic pinks, from the muted #C787A2 (pink-gray) and ethereal #E1AFCA (light magenta) to the deeper #A96B8B (rosy brown) and #D39CC3 (plum-pink). The very light #FAE3EF (blush white) provides a fresh, airy base, allowing the other colors to subtly glow. This palette is perfect for designers seeking to create a sophisticated, feminine, and romantic aesthetic, evoking grace and understated beauty in their projects.

Best used for

Wedding stationery and event branding
Feminine beauty and cosmetic product packaging
Romantic fashion and apparel lines
Elegant websites and blogs for women
Floral design and artistic illustrations
Gift packaging and greeting cards

Suggested color roles

primary

Use #A96B8B (rosy brown) for main headings, important accents, or to provide a touch of grounded elegance.

secondary

Apply #C787A2 (pink-gray) for supportive elements, subheadings, or to introduce a soft, comforting tone.

accent

Incorporate #D39CC3 (plum-pink) for delicate highlights, decorative patterns, or to add a hint of refined vibrancy.

background

Utilize #FAE3EF (blush white) as a clean, soft background to maximize readability and create an airy feel.

text

For body text, a dark gray or black is recommended for readability. #A96B8B can be used for larger headings on very light backgrounds.

Accessibility notes

The #FAE3EF background is very light; use dark text (black or charcoal) for optimal readability.
Ensure sufficient contrast for text when using #E1AFCA or #D39CC3 as backgrounds; darker text is usually necessary.
The deeper #A96B8B offers good contrast with white or #FAE3EF for text or important elements.
Always verify color combinations with accessibility tools to meet WCAG contrast guidelines for all users.

Recommended combinations

Elegant Blush

Ideal for sophisticated branding, wedding themes, or elegant website layouts that require a soft, refined touch.

#FAE3EF · #A96B8B · #C787A2

Rose Petal

Perfect for creating delicate illustrations, feminine product designs, or romantic social media graphics.

#E1AFCA · #D39CC3 · #FAE3EF

Romantic Depth

Excellent for adding richness and dimension to designs, suitable for luxurious branding or artistic compositions.

#A96B8B · #C787A2 · #D39CC3

CSS variables

:root {
  --garden-rose-bloom-2-1: #C787A2;
  --garden-rose-bloom-2-2: #E1AFCA;
  --garden-rose-bloom-2-3: #FAE3EF;
  --garden-rose-bloom-2-4: #A96B8B;
  --garden-rose-bloom-2-5: #D39CC3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-rose-bloom-2": {
        1: "#C787A2",
        2: "#E1AFCA",
        3: "#FAE3EF",
        4: "#A96B8B",
        5: "#D39CC3",
      }
    }
  }
}

Hex values

Color 1#C787A2

Color 2#E1AFCA

Color 3#FAE3EF

Color 4#A96B8B

Color 5#D39CC3

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

2.2:1Fail

1.2:1Fail

2.3:1Fail

1.5:1Fail

3.4:1AA18

1.9:1Fail

1.4:1Fail

2.2:1Fail

3.4:1AA18

1.8:1Fail

1.3:1Fail

1.2:1Fail

1.9:1Fail

1.8:1Fail

Similar palettes

More like Garden Rose Bloom

Garden Rose Bloom

See it in context.

Ready when you are.

Built with Garden Rose Bloom.

How to use Garden Rose Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Elegant Blush

Rose Petal

Romantic Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Garden Rose Bloom