Rosaria, a cold and inscrutable sister from Mondstadt, stands out visually through a tightly controlled palette that reinforces her Cryo vigilance. Her dominant violet #6D3B86 (Affair) defines the nocturnal mood, while near-black #1C1A22 (Baltic Sea) sculpts silhouette and contrast; icy highlights like #F2F2F5 (Athens Gray) sharpen details and readability. For UI/UX designers searching for Rosaria color codes or a HEX palette to evoke a gothic, restrained character theme, this palette provides clear, usable color tokens for icons, backgrounds, and accents.
Rosaria Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Affair | #6D3B86 | 109, 59, 134 | 19, 56, 0, 47 | |
| Baltic Sea | #1C1A22 | 28, 26, 34 | 18, 24, 0, 87 | |
| Athens Gray | #F2F2F5 | 242, 242, 245 | 1, 1, 0, 4 | |
| Violet Purple | #A87AAE | 168, 122, 174 | 3, 30, 0, 32 | |
| Fuzzy Wuzzy Brown | #C84D5C | 200, 77, 92 | 0, 62, 54, 22 |
Rosaria CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Rosaria Genshin Impact Palette */
--rosaria-genshin-impact-affair: #6D3B86;
--rosaria-genshin-impact-baltic-sea: #1C1A22;
--rosaria-genshin-impact-athens-gray: #F2F2F5;
--rosaria-genshin-impact-violet-purple: #A87AAE;
--rosaria-genshin-impact-fuzzy-wuzzy-brown: #C84D5C;
}More Genshin Impact Color Codes (Purple Palette)
Rosaria CSS Gradients
Beautiful gradient backgrounds inspired by Rosaria’s aesthetic. Click to copy the CSS code.
Rosaria Color Scheme Breakdown
Affair#6D3B86
A deep violet-purple that dominates Rosaria’s outfit accents and overall theme, especially around her bodice and design motifs, reinforcing her Cryo nun aesthetic with a mysterious, nocturnal mood.
Baltic Sea#1C1A22
A near-black charcoal used across her main dress, gloves, and stockings, giving strong contrast and a stealthy silhouette that fits her shadowy vigilante persona within Mondstadt’s church.
Athens Gray#F2F2F5
An icy off-white seen on her hair and light fabric details, echoing her Cryo element and sharpening readability against the dark outfit while suggesting a cold, detached temperament.
Violet Purple#A87AAE
A muted lavender-pink tone appearing in smaller costume panels and trims, softening the harsh black-and-violet contrast and hinting at the gothic, ceremonial styling of her nun-inspired attire.
Fuzzy Wuzzy Brown#C84D5C
A crimson-red accent used in select ribbon-like details and highlights, adding a sharp, dangerous edge that complements her polearm fighter identity and implies restrained aggression beneath composure.
Rosaria 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Rosaria’s palette for a perfectly balanced visual hierarchy.
Rosaria UI Component Preview
Here is a live example of how the Rosaria color palette looks when applied to a modern UI component.
Rosaria
Cryo Vigilante Nun
“I am not one for prayers; I prefer action.”
Rosaria Gaming Setup (RGB Peripherals)
Sync your gaming gear! Use these exact RGB values for your Razer Chroma, Corsair iCUE, or Logitech G Hub software to match Rosaria’s aesthetic.
- Main LED: 109, 59, 134
- Accent LED: 28, 26, 34
The Design Philosophy behind Rosaria’s Palette
The design philosophy behind Rosaria’s palette is contrast-driven narrative: deep purples (#6D3B86) and near-black tones (#1C1A22) create a clandestine, nocturnal presence, while off-white highlights (#F2F2F5) signal Cryo coldness and improve legibility. Secondary lavender (#A87AAE) softens harsh contrasts for ceremonial trim, and the crimson accent (#C84D5C) serves as a surgical visual cue for danger or interaction. This combination succeeds because it balances mood, hierarchy, and affordance—perfect for designers seeking precise color codes and HEX references to translate character intent into interface elements.
Best Rosaria Color Combinations
Shadow & Frost
High-contrast pairing ideal for readable UI: deep charcoal backgrounds with icy off-white text or microcopy for Cryo-themed layouts.
Violet Herald
A moody violet base with a sharp crimson accent draws attention to CTAs and danger states while preserving gothic aesthetics.
Explore More Genshin Impact Character Color Codes
Download Rosaria Genshin Impact Color Palette
Rosaria .ASE Swatches
For Adobe Swatches & Procreate
Rosaria .SVG Palette
Vector Color Palette
Rosaria .PNG Image
High-Quality Palette Preview
FAQs about Rosaria Genshin Impact Color Codes
What is the HEX code for Rosaria’s hair or light highlights?
Her hair and light fabric highlights use the icy off-white HEX #F2F2F5 (Athens Gray).
What is the primary outfit or shadow color used in Rosaria’s design?
The main dress and silhouette rely on the near-black charcoal HEX #1C1A22 (Baltic Sea).
Which HEX is used for Rosaria’s accent ribbons or dangerous highlights?
Crimson accents and sharp ribbon details use HEX #C84D5C (Fuzzy Wuzzy Brown) while secondary trims use #A87AAE (Violet Purple).
