Emilie (Genshin Impact) Color Codes, Palette & HEX Guide

Emilie (Genshin Impact) Color Codes, Palette & HEX Guide

Emilie presents a sophisticated, perfumer-inspired visual identity that balances refined elegance with subtle mystery. Her signature violet Studio (#6B4BB9) anchors ornaments and focal accents, while the deep aubergine Revolver (#2B1C3B) forms the dress base, giving the silhouette premium depth. Pavlova (#D9C4A3) introduces warm cream layers that soften contrasts and add couture warmth. For UI/UX designers searching Emilie color codes or an Emilie HEX palette, this curated set offers practical, cohesive color relationships ideal for character pages, themed interfaces, and branding assets.

Studio
#6B4BB9
Revolver
#2B1C3B
Pavlova
#D9C4A3
Muddy Waters
#B88A55
Rum
#7A6F8F

Emilie Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Studio#6B4BB9107, 75, 18542, 59, 0, 27
Revolver#2B1C3B43, 28, 5927, 53, 0, 77
Pavlova#D9C4A3217, 196, 1630, 10, 25, 15
Muddy Waters#B88A55184, 138, 850, 25, 54, 28
Rum#7A6F8F122, 111, 14315, 22, 0, 44

Emilie CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Emilie Genshin Impact Palette */
--emilie-genshin-impact-studio: #6B4BB9;
--emilie-genshin-impact-revolver: #2B1C3B;
--emilie-genshin-impact-pavlova: #D9C4A3;
--emilie-genshin-impact-muddy-waters: #B88A55;
--emilie-genshin-impact-rum: #7A6F8F;
}

Emilie CSS Gradients

Beautiful gradient backgrounds inspired by Emilie’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Studio to Muddy Waters#6B4BB9 → #B88A55
Click to Copy CSS
Pavlova to Studio#D9C4A3 → #6B4BB9

Emilie Color Scheme Breakdown

Studio#6B4BB9

A saturated violet used across Emilie’s main outfit accents and decorative motifs, forming her signature silhouette color; it signals refined elegance and a distinctly Fontaine, perfumer-like sophistication.

Revolver#2B1C3B

A deep aubergine-black appearing in the dress base panels and darker fabric sections, providing strong contrast to lighter trims; it communicates mystery, seriousness, and premium, tailored craftsmanship.

Pavlova#D9C4A3

A warm beige-cream used for inner fabric layers, lace-like trims, and ornamental detailing; it softens the palette, adds vintage couture warmth, and highlights her delicate, composed demeanor.

Muddy Waters#B88A55

A muted gold-brown found in metallic accessories, clasps, and small ornament parts, acting as a luxe highlight without glare; it suggests wealth, artisanal quality, and classic perfume-bottle aesthetics.

Rum#7A6F8F

A dusty lavender-grey used in secondary fabric tones and subtle pattern areas, bridging dark panels and cream trims; it reinforces an understated, elegant harmony and keeps the design from feeling overly loud.

Emilie 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Emilie’s palette for a perfectly balanced visual hierarchy.

60% Background
#D9C4A3
30% Primary
#2B1C3B
10% Accent
#6B4BB9

Use Pavlova (#D9C4A3) for large background spaces, Revolver (#2B1C3B) for primary text and structural UI elements, and vibrant Studio (#6B4BB9) exclusively for call-to-action buttons and important highlights.

Emilie UI Component Preview

Here is a live example of how the Emilie color palette looks when applied to a modern UI component.

Emilie

Fontaine Perfumer

“A scent can reveal a person’s true self.”

Emilie 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 Emilie’s aesthetic.

  • Main LED: 107, 75, 185
  • Accent LED: 43, 28, 59

The Design Philosophy behind Emilie’s Palette

The Emilie palette is a textbook example of narrative-driven color design: saturated violet (Studio #6B4BB9) conveys refined, Fontaine-esque sophistication and draws attention to signature motifs; the near-black aubergine (Revolver #2B1C3B) provides structural weight and mystery, anchoring compositional hierarchy; Pavlova (#D9C4A3) and Rum (#7A6F8F) act as harmonic buffers that warm and mute the contrasts, preserving an elegant, vintage couture feel. Muddy Waters (#B88A55) supplies restrained metallic highlights, suggesting artisanal luxury without excessive glare. For designers working with Emilie HEX codes, this combination supports accessible contrast, clear focal points, and consistent thematic storytelling across UI components and promotional graphics.

Best Emilie Color Combinations

Signature Violet & Cream

Studio violet paired with Pavlova cream creates a high-impact focal accent against a soft background, ideal for hero elements and callouts.

Noir Luxe Accent

Revolver deep aubergine with Muddy Waters gold-brown produces a luxurious, high-contrast pairing perfect for premium UI chrome and borders.

Download Emilie Genshin Impact Color Palette

ASE

Emilie .ASE Swatches

For Adobe Swatches & Procreate

SVG

Emilie .SVG Palette

Vector Color Palette

PNG

Emilie .PNG Image

High-Quality Palette Preview

FAQs about Emilie Genshin Impact Color Codes

What is the signature accent color for Emilie’s outfit (the violet)?

Emilie’s signature violet accent is Studio — HEX #6B4BB9.

Which color forms the main dress base and provides the dark contrast?

The main dress base uses Revolver, a deep aubergine-black — HEX #2B1C3B.

What color is used for inner layers, trims, or soft highlights?

Inner fabric layers and trims use Pavlova, a warm beige-cream — HEX #D9C4A3.

Copied