Back to palettes

Palette

Rose Garden Blush

Soft, delicate tones reflecting the gentle beauty and romance of a blooming rose garden.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#CD5C5C#F08080#F5B7B1#FDEFF2

Palette guide

How to use Rose Garden Blush

Overview

The "Rose Garden Blush" palette captures the essence of romance with its warm, delicate tones, ideal for designs requiring a touch of elegance and softness. Ranging from a deep, rich #8B0000 (Dark Red) to the tender #FDEFF2 (Floral White), it showcases the spectrum of a blooming rose. Prominent shades like #CD5C5C (Indian Red) and #F08080 (Light Coral) offer versatility, while #F5B7B1 provides a gentle transition. This palette is perfect for creating sophisticated yet inviting visual experiences, appealing to designers and developers seeking a harmonious blend of classic warmth and modern delicacy for their projects.

Best used for

  • Romantic event branding
  • Beauty and cosmetic packaging
  • Fashion and apparel websites
  • Dessert and bakery branding
  • Feminine lifestyle blogs
  • Wedding photography portfolios

Suggested color roles

primary

#CD5C5C - A warm, inviting primary for headings, call-to-action buttons, or key graphical elements, conveying passion and elegance.

secondary

#F08080 - Use for subheadings, secondary information, or decorative elements, offering a lighter, approachable feel.

accent

#8B0000 - A bold, deep accent for critical highlights, luxury product details, or important interactive states, adding sophistication.

background

#FDEFF2 - An ethereal, near-white background color, perfect for main content areas to ensure maximum readability and a delicate aesthetic.

text

#4A4A4A (dark charcoal) - For body text on light backgrounds, ensuring excellent readability. Use #8B0000 for impactful headings on #FDEFF2.

Accessibility notes

  • Ensure high contrast when using #8B0000 for text, especially against lighter palette colors.
  • Test #CD5C5C and #F08080 as text colors against #FDEFF2 for WCAG compliance.
  • Avoid using light pinks like #F5B7B1 for small text on very light backgrounds.
  • For body text, a dark neutral like black or charcoal is recommended for optimal readability.

Recommended combinations

Deep Romance

Creates a sophisticated, high-contrast look suitable for luxury branding or elegant evening events.

#8B0000 · #CD5C5C · #FDEFF2

Soft Petals

Ideal for delicate and feminine designs, such as baby products or serene personal blogs.

#F08080 · #F5B7B1 · #FDEFF2

Blush Gradient

Perfect for creating smooth visual transitions or illustrative elements that exude a gentle warmth and softness.

#CD5C5C · #F08080 · #F5B7B1

CSS variables

:root {
  --rose-garden-blush-1: #8B0000;
  --rose-garden-blush-2: #CD5C5C;
  --rose-garden-blush-3: #F08080;
  --rose-garden-blush-4: #F5B7B1;
  --rose-garden-blush-5: #FDEFF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-garden-blush": {
        1: "#8B0000",
        2: "#CD5C5C",
        3: "#F08080",
        4: "#F5B7B1",
        5: "#FDEFF2",
      }
    }
  }
}

Related searches

romantic pink color palettedelicate rose hueselegant blush toneswarm floral color schemesoft wedding colors

Palette colors

Hex values

Color 1#8B0000
·
Color 2#CD5C5C
·
Color 3#F08080
·
Color 4#F5B7B1
·
Color 5#FDEFF2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
3.9:1AA18
5.9:1AA
9:1AAA
2
2.5:1Fail
1.5:1Fail
2.3:1Fail
3.6:1AA18
3
3.9:1AA18
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
5.9:1AA
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
9:1AAA
3.6:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Rose Garden Blush

View all warm