Back to palettes

Palette

Rose Garden Bloom

Delicate petals and fresh leaves creating a serene and fragrant garden scene.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F1C7CC#E6A2AE#D2E4D8#B8D9C0#F8EAEB

Palette guide

How to use Rose Garden Bloom

Overview

The "Rose Garden Bloom" palette offers a delicate and serene collection of pastel hues, perfect for creating a calm and inviting atmosphere. Featuring a soft rose pink like #F1C7CC and a slightly deeper #E6A2AE, these are beautifully complemented by refreshing greens such as #D2E4D8 and #B8D9C0. The lightest tone, #F8EAEB, provides an airy base. This palette evokes the fresh, tranquil essence of a blooming garden, making it ideal for designs that aim for gentleness and natural beauty. It's particularly useful for projects needing a touch of understated elegance and natural harmony, appealing to both designers and developers looking for a cohesive, soothing scheme.

Best used for

  • Wedding invitations and decor
  • Spa and wellness branding
  • Feminine product packaging
  • Children's clothing and toys
  • Interior design mood boards
  • Nature-themed websites and blogs

Suggested color roles

primary

#E6A2AE - Use as the main color for headings, prominent buttons, or key graphical elements to convey warmth and central theme.

secondary

#B8D9C0 - Ideal for subheadings, secondary calls-to-action, or supporting illustrations, offering a natural, calming contrast.

accent

#F1C7CC - Perfect for small, delicate details, hover states, or subtle highlights, adding a touch of soft vibrancy.

background

#F8EAEB - An excellent light, airy base for main content areas, ensuring readability and a gentle overall feel.

text

#4A4A4A (dark charcoal) - For body text, ensuring high readability against light backgrounds like #F8EAEB, or use #E6A2AE for headings on darker elements.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter pastels.
  • Test #E6A2AE and #F1C7CC for text against #F8EAEB background for WCAG AA compliance.
  • Use darker shades like a deep charcoal or black for body text on light backgrounds for optimal readability.
  • Consider alternative text colors for interactive elements if the primary text color doesn't meet contrast ratios.

Recommended combinations

Soft Petals

Ideal for romantic or delicate branding, creating a gentle and inviting feel for hero sections or product displays.

#E6A2AE · #F1C7CC · #F8EAEB

Garden Greens

Excellent for nature-inspired designs, providing a fresh and calming backdrop for eco-friendly products or wellness content.

#B8D9C0 · #D2E4D8 · #F8EAEB

Blush & Leaf

Combine these for a balanced, natural look in UI elements, buttons, or illustrations, offering a harmonious contrast.

#E6A2AE · #B8D9C0 · #F1C7CC

CSS variables

:root {
  --rose-garden-bloom-1: #F1C7CC;
  --rose-garden-bloom-2: #E6A2AE;
  --rose-garden-bloom-3: #D2E4D8;
  --rose-garden-bloom-4: #B8D9C0;
  --rose-garden-bloom-5: #F8EAEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-garden-bloom": {
        1: "#F1C7CC",
        2: "#E6A2AE",
        3: "#D2E4D8",
        4: "#B8D9C0",
        5: "#F8EAEB",
      }
    }
  }
}

Related searches

pastel pink green palettesoft floral color schemecalm garden colorsdelicate rose paletteserene nature aesthetic

Palette colors

Hex values

Color 1#F1C7CC
·
Color 2#E6A2AE
·
Color 3#D2E4D8
·
Color 4#B8D9C0
·
Color 5#F8EAEB
·

Accessibility

Contrast checker

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

Similar palettes

More like Rose Garden Bloom

View all pastel
Sakura Garden Walk
Blushing Rose Dew
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud
Cherry Blossom Dawn