Back to palettes

Palette

Garden Rose Hues

Delicate and charming shades inspired by the gentle petals of a blooming garden rose.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#DB7093#FFA07A#F0F8FF#B0C4DE

Palette guide

How to use Garden Rose Hues

Overview

The 'Garden Rose Hues' palette presents a delicate and charming collection of shades inspired by the gentle petals of a blooming garden rose. It features a vibrant #FF69B4 (hot pink) alongside the softer #DB7093 (pale violet red) and the warm #FFA07A (light salmon), creating a lively yet romantic feel. These expressive tones are beautifully grounded by the crisp #F0F8FF (alice blue) and the muted #B0C4DE (light steel blue), offering a refreshing contrast. This palette is ideal for designers aiming to convey youthfulness, charm, and a touch of playful romance in their digital or print projects.

Best used for

  • Youthful fashion brands and accessories
  • Feminine stationery and greeting cards
  • Spring weddings and event planning
  • Beauty blogs and cosmetic branding
  • Playful digital interfaces and apps
  • Children's party decor

Suggested color roles

primary

Utilize #FF69B4 (hot pink) for high-impact calls-to-action, playful branding elements, or main headings to grab attention.

secondary

Apply #DB7093 (pale violet red) for supportive information, subheadings, or to introduce a softer, romantic nuance.

accent

Incorporate #FFA07A (light salmon) for delightful accents, decorative elements, or to add a warm, inviting glow.

background

Employ #F0F8FF (alice blue) as a clean, airy background, or #B0C4DE (light steel blue) for a slightly deeper, calming base.

text

For optimal readability, use a dark gray or black for body text. #DB7093 or #B0C4DE can be used for larger headings on very light backgrounds.

Accessibility notes

  • The #F0F8FF background is very light; ensure dark text (black or charcoal) is used for readability.
  • Ensure sufficient contrast when using #FFA07A as a background for text; darker text is often required.
  • The vibrant #FF69B4 pairs well with white text for high contrast, but avoid using it for small text on light backgrounds.
  • Always test color combinations with accessibility tools to meet WCAG guidelines, especially for interactive elements.

Recommended combinations

Sweet & Soft

Ideal for creating cheerful and romantic designs, perfect for invitations, feminine branding, or website headers.

#F0F8FF · #FF69B4 · #DB7093

Romantic Sunset

Perfect for evoking warmth and a dreamy atmosphere, suitable for storytelling or soft product presentations.

#FFA07A · #B0C4DE · #DB7093

Fresh Bloom

Excellent for energetic yet gentle designs, suitable for youthful branding, social media, or interactive elements.

#FF69B4 · #F0F8FF · #B0C4DE

CSS variables

:root {
  --garden-rose-hues-1: #FF69B4;
  --garden-rose-hues-2: #DB7093;
  --garden-rose-hues-3: #FFA07A;
  --garden-rose-hues-4: #F0F8FF;
  --garden-rose-hues-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-rose-hues": {
        1: "#FF69B4",
        2: "#DB7093",
        3: "#FFA07A",
        4: "#F0F8FF",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

romantic pink color palettesoft floral huescharming garden colorspastel rose tonesgentle spring design

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#DB7093
·
Color 3#FFA07A
·
Color 4#F0F8FF
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
2.5:1Fail
1.5:1Fail
2
1.2:1Fail
1.6:1Fail
2.9:1Fail
1.7:1Fail
3
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.1:1Fail
4
2.5:1Fail
2.9:1Fail
1.9:1Fail
1.7:1Fail
5
1.5:1Fail
1.7:1Fail
1.1:1Fail
1.7:1Fail

Similar palettes

More like Garden Rose Hues

View all Pastel
Sakura Evening Blush
Aqua Blossom Dream
Blossom Blush Breeze
Cloudy Rose Serene
Sakura Petal Breeze
Sakura Petal Whisper