Palette

Garden Rose Bloom

A delicate blend of pinks and deep reds found in a lush, blooming rose garden.

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

#F0B5BC#E0838B#C0525C#9A3B43#6E2A2E

Palette guide

How to use Garden Rose Bloom

Overview

The 'Garden Rose Bloom' palette offers a delicate yet rich blend of pinks and deep reds, directly inspired by a lush, blooming rose garden. It transitions from the soft #F0B5BC (light rose) and vibrant #E0838B (medium rose) to the classic #C0525C (rose red) and profound #9A3B43 (darker rose). The deep #6E2A2E (maroon) provides a grounding, luxurious anchor. This palette is ideal for designers seeking to convey romance, sophistication, and a touch of dramatic elegance. It's perfect for projects that require a classic, opulent feel with a strong, passionate undertone, reminiscent of a full-blooming rose.

Best used for

Luxury branding and high-end fashion
Sophisticated event invitations and decor
Valentine's Day themes and romantic gifts
Dramatic floral arrangements and artistic designs
Elegant apparel and accessory lines
Wine or gourmet food product packaging

Suggested color roles

primary

Utilize #C0525C (rose red) for main calls-to-action, key branding elements, or to convey passion and vibrancy.

secondary

Apply #9A3B43 (darker rose) for subheadings, important details, or to add depth and sophistication.

accent

Incorporate #E0838B (medium rose) for highlights, decorative patterns, or to soften transitions between deeper tones.

background

Employ #F0B5BC (light rose) as a soft, romantic background, or use a neutral off-white to let the deeper reds truly shine.

text

For optimal readability, use #6E2A2E (maroon) or black for body text on light backgrounds. White text works well on darker colors like #6E2A2E.

Accessibility notes

Ensure good contrast when using #F0B5BC as a background; dark text is required for readability.
The deep #6E2A2E provides excellent contrast with lighter colors in the palette, making it suitable for text on light backgrounds or as a background for white text.
Avoid using #E0838B for small text on similarly light backgrounds without checking WCAG contrast ratios.
For interactive elements, ensure clear visual feedback, especially when using shades of red that might blend easily.

Recommended combinations

Deep Bloom

Ideal for creating luxurious branding, elegant print materials, or sophisticated website headers with depth.

#6E2A2E · #C0525C · #F0B5BC

Rich Petals

Perfect for evoking romance and richness, suitable for wedding themes, fashion, or artistic illustrations.

#9A3B43 · #E0838B · #F0B5BC

Classic Rose

Excellent for a timeless, elegant aesthetic, suitable for high-end product packaging or formal event branding.

#C0525C · #6E2A2E · #E0838B

CSS variables

:root {
  --garden-rose-bloom-1: #F0B5BC;
  --garden-rose-bloom-2: #E0838B;
  --garden-rose-bloom-3: #C0525C;
  --garden-rose-bloom-4: #9A3B43;
  --garden-rose-bloom-5: #6E2A2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-rose-bloom": {
        1: "#F0B5BC",
        2: "#E0838B",
        3: "#C0525C",
        4: "#9A3B43",
        5: "#6E2A2E",
      }
    }
  }
}

Hex values

Color 1#F0B5BC

Color 2#E0838B

Color 3#C0525C

Color 4#9A3B43

Color 5#6E2A2E

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

3.9:1AA18

5.9:1AA

1.5:1Fail

1.7:1Fail

2.5:1Fail

3.8:1AA18

2.6:1Fail

1.7:1Fail

1.5:1Fail

2.3:1Fail

3.9:1AA18

2.5:1Fail

1.5:1Fail

5.9:1AA

3.8:1AA18

2.3:1Fail

1.5: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

Deep Bloom

Rich Petals

Classic Rose

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Garden Rose Bloom