Rose Quartz
Meet Rose Quartz, #AA98A9, a muted purple with a sophisticated, dusty character. Its unique balance of soft lavender and subtle gray undertones gives it a quiet strength, making it a compelling choice for interfaces that require a touch of understated elegance.
What color is 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.
What is the meaning of the color Rose Quartz (#AA98A9)?
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.
How can I effectively use Rose Quartz in my UI design?
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 color codes
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.
Analogous
Analogous colors sit next to each other on the color wheel. Paired with Rose Quartz, they produce a serene and cohesive look.
Complementary
Complementary colors sit opposite each other on the color wheel, creating a high-contrast pairing that makes colors like Rose Quartz pop.
Split Complementary
Split complementary colors for Rose Quartz use the two colors adjacent to its direct complement, creating a vibrant yet balanced palette for designers.
Triadic
A triadic scheme pairs Rose Quartz with two other colors equally spaced on the color wheel, creating a vibrant and high-contrast visual effect.
Tetradic
A tetradic scheme pairs Rose Quartz with three other colors, forming two complementary pairs in a rectangle on the color wheel.
Square
A square color scheme uses four colors equally spaced on the color wheel, providing a balanced yet highly contrasting palette built around Rose Quartz.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Rose Quartz are made by mixing in black, which adds visual weight and dimension.
Tints
Tints of Rose Quartz are made by adding white, creating lighter and more delicate variations.
Tones
Tones are created by adding gray to Rose Quartz, resulting in softer, desaturated versions.
Hues
Hues are variations of Rose Quartz, differing in intensity or temperature to shape visual tone.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

























































































































