Back to palettes

Palette

Rose Garden Twilight

A sophisticated blend of deep rose and plum tones, reflecting the mysterious beauty of a garden at twilight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F2E3B#7A4F5C#A97A8D#D7A9B3#E6C8D0

Palette guide

How to use Rose Garden Twilight

Overview

The "Rose Garden Twilight" palette (ID: rose-garden-twilight) offers a sophisticated blend of deep rose and plum tones, reflecting the mysterious beauty of a garden at dusk. From the rich #4F2E3B to the delicate #E6C8D0, this palette transitions through a range of elegant shades like #7A4F5C, #A97A8D, and #D7A9B3. It provides a luxurious depth balanced with soft, romantic highlights. Ideal for designers and developers seeking to create an atmosphere of refined elegance and subtle drama, this palette is excellent for projects that require a sense of mystery, sophistication, and timeless beauty, offering a rich visual experience.

Best used for

  • Luxury brand identity
  • High-end fashion websites
  • Evening wear design
  • Gourmet food and wine packaging
  • Art gallery presentations
  • Sophisticated event decor

Suggested color roles

primary

#4F2E3B - A deep, authoritative primary for major headings, navigation, or strong brand elements, conveying luxury and depth.

secondary

#A97A8D - Ideal for subheadings, key information blocks, or interactive elements, offering a balanced contrast.

accent

#E6C8D0 - A delicate accent for subtle highlights, hover states, or small decorative details, adding a touch of romance.

background

#D7A9B3 - A soft, mid-tone background that provides an elegant base, ensuring good readability for darker text or overlays.

text

white or #E6C8D0 - For body text on dark backgrounds like #4F2E3B. Use #4F2E3B for headings on #D7A9B3.

Accessibility notes

  • Ensure sufficient contrast when using lighter colors for text on dark backgrounds, especially for body text.
  • Test #E6C8D0 or white text against #4F2E3B or #7A4F5C for WCAG AA compliance.
  • Avoid using mid-tones like #A97A8D for small text on similarly dark or light backgrounds.
  • For optimal readability, use high-contrast combinations, pairing the lightest and darkest shades effectively.

Recommended combinations

Deep Elegance

Creates a luxurious, high-contrast look suitable for premium branding, elegant websites, or sophisticated print materials.

#4F2E3B · #7A4F5C · #E6C8D0

Soft Transition

Perfect for backgrounds, gradients, or subtle UI elements that require a gentle, harmonious shift in tone, like footer sections.

#A97A8D · #D7A9B3 · #E6C8D0

Twilight Contrast

Use these for a balanced, sophisticated aesthetic in dashboards, presentations, or illustrations, offering clear visual hierarchy.

#4F2E3B · #D7A9B3 · #A97A8D

CSS variables

:root {
  --rose-garden-twilight-1: #4F2E3B;
  --rose-garden-twilight-2: #7A4F5C;
  --rose-garden-twilight-3: #A97A8D;
  --rose-garden-twilight-4: #D7A9B3;
  --rose-garden-twilight-5: #E6C8D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-garden-twilight": {
        1: "#4F2E3B",
        2: "#7A4F5C",
        3: "#A97A8D",
        4: "#D7A9B3",
        5: "#E6C8D0",
      }
    }
  }
}

Related searches

dark rose color paletteelegant plum huessophisticated pink schemedeep floral colorsromantic dark aesthetic

Palette colors

Hex values

Color 1#4F2E3B
·
Color 2#7A4F5C
·
Color 3#A97A8D
·
Color 4#D7A9B3
·
Color 5#E6C8D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
5.7:1AA
7.6:1AAA
2
1.7:1Fail
1.9:1Fail
3.3:1AA18
4.4:1AA18
3
3.3:1AA18
1.9:1Fail
1.7:1Fail
2.3:1Fail
4
5.7:1AA
3.3:1AA18
1.7:1Fail
1.3:1Fail
5
7.6:1AAA
4.4:1AA18
2.3:1Fail
1.3:1Fail

Similar palettes

More like Rose Garden Twilight

View all dark
Velvet Rose Bloom
Velvet Rose Garden
Crimson Bloom Petal
Crimson Canopy Twilight
Dusty Rose Velvet
Elegant Plum Bloom