Back to palettes

Palette

Rose Quartz Dusk

Gentle and delicate pinks, like the subtle glow of rose quartz as twilight descends.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rose Quartz Dusk 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 Quartz Dusk.

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

Data visualization

#FADADD#E9C0C0#D29EA0#B87C80#A05B60

Palette guide

How to use Rose Quartz Dusk

Overview

The "Rose Quartz Dusk" palette presents gentle and delicate pinks, like the subtle glow of rose quartz as twilight descends. With colors ranging from the soft #FADADD to the grounding #A05B60, this palette evokes a sense of calm, elegance, and serenity. Designers and developers can leverage its harmonious progression, including shades like #E9C0C0 and #D29EA0, to create inviting digital experiences, luxurious print materials, or branding that conveys mindfulness and sophisticated femininity.

Best used for

  • Fine jewelry and accessory branding
  • Spiritual wellness and self-care products
  • Elegant blogs and personal websites
  • Intimate event invitations and decor
  • Mindfulness and meditation app interfaces
  • High-end interior design accents

Suggested color roles

primary

Use #A05B60 as a strong, grounding color for main headings, navigation, or brand elements that need to convey stability and depth.

secondary

Apply #B87C80 for supportive text, subheadings, or larger content blocks that provide a richer, complementary tone.

accent

Utilize #D29EA0 for gentle highlights, interactive elements, or graphical details that need a soft, delicate pop.

background

Employ #FADADD as a light, airy background, providing a clean and serene canvas that enhances the palette's overall mood.

text

For body text, a deep berry or charcoal is recommended for optimal readability. For prominent headings, #A05B60 offers excellent contrast against lighter backgrounds.

Accessibility notes

  • The lightest colors, #FADADD and #E9C0C0, require dark text (e.g., #A05B60 or black) for sufficient contrast and readability.
  • Avoid using #D29EA0 for small text on very light backgrounds as contrast may not meet WCAG AA standards.
  • Ensure interactive elements have clear visual feedback on hover/focus states with adequate contrast.
  • Always test color combinations with a contrast checker to ensure accessibility for all users.

Recommended combinations

Quartz Glow

Ideal for subtle background gradients, overlays, or creating a gentle, atmospheric feel in digital interfaces.

#FADADD · #E9C0C0 · #D29EA0

Dusk Depth

Perfect for hero sections, brand logos, or key information where a strong, sophisticated anchor is desired.

#A05B60 · #B87C80 · #FADADD

Gentle Shine

Use for buttons, secondary calls-to-action, or small design accents that need to subtly stand out with elegance.

#D29EA0 · #E9C0C0 · #A05B60

CSS variables

:root {
  --rose-quartz-dusk-1: #FADADD;
  --rose-quartz-dusk-2: #E9C0C0;
  --rose-quartz-dusk-3: #D29EA0;
  --rose-quartz-dusk-4: #B87C80;
  --rose-quartz-dusk-5: #A05B60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-quartz-dusk": {
        1: "#FADADD",
        2: "#E9C0C0",
        3: "#D29EA0",
        4: "#B87C80",
        5: "#A05B60",
      }
    }
  }
}

Related searches

rose quartz color palettesoft pink duskdelicate crystal huescalm blush toneselegant berry shades

Palette colors

Hex values

Color 1#FADADD
·
Color 2#E9C0C0
·
Color 3#D29EA0
·
Color 4#B87C80
·
Color 5#A05B60
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.6:1Fail
3.9:1AA18
2
1.3:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
3
1.8:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.6:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
5
3.9:1AA18
3.1:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Rose Quartz Dusk

View all pastel