Rose Quartz

Rose Quartz is a subdued, dusty pink characterized by its distinct cool gray and lavender undertones.

The result is a gentle, almost ethereal shade that sits comfortably between a classic pink and a muted lavender, possessing a quiet sophistication.

Named after the gemstone of universal love, Rose Quartz embodies compassion, tenderness, and emotional healing. The color #AA98A9 carries a gentle energy, often used to create a sense of calm and reassurance.

Its symbolism is rooted in fostering connection and empathy, making it a powerful choice for designs that aim to be soothing and supportive.

To make Rose Quartz work in your design, pair its muted tone, #AA98A9, with high-contrast partners like deep charcoals or clean off-whites. This creates a balanced and modern feel. It performs well as a gentle background or a subtle accent color within a 60-30-10 color scheme, adding a touch of warmth without overwhelming the interface.

Few brands have adopted a color like Rose Quartz for their primary identity, which presents an opportunity for differentiation. The video conferencing tool Whereby uses a similar soft, dusty pink, showing how the color can build a friendly and approachable brand image in a crowded market.

Use the tools below to see how Rose Quartz works in practice. You can browse curated color palettes, check contrast ratios for accessibility, and preview #AA98A9 applied to UI components from well-known apps.

Using Rose Quartz in your digital projects is straightforward with its hex code, #AA98A9. This is the universal language for color on the web, directly usable in CSS and design software.

For different applications, you'll need to convert this hex value. RGB is essential for screen-based media, while CMYK is the standard for anything destined for print. Each code represents the same color in a different system.

To make things easy, we've converted #AA98A9 to a range of popular formats below. Simply find the one you need and copy it directly into your workflow.