Yun Jin — Genshin Impact Color Codes, Palette & HEX Guide

Yun Jin — Genshin Impact Color Codes, Palette & HEX Guide

Yun Jin stands as a refined stage virtuoso in Genshin Impact, her costume language built on theatrical contrast and ceremonial detail. The core palette—#6E2C8A (Eminence), #C53B4A (Brick Red), and #D7A457 (Di Serria)—balances mystique, dramatic highlights, and muted gold ornamentation, making her an ideal reference for designers searching for Yun Jin color codes or HEX palette inspiration. Soft neutrals like #F2EEE6 (Spring Wood) and grounding tones such as #3A2B2B (Woody Brown) complete the ensemble, offering usability-friendly contrast and rich cultural signaling for UI/UX and character-driven visual systems.

Eminence
#6E2C8A
Brick Red
#C53B4A
Spring Wood
#F2EEE6
Woody Brown
#3A2B2B
Di Serria
#D7A457

Yun Jin Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Eminence #6E2C8A 110, 44, 138 20, 68, 0, 46
Brick Red #C53B4A 197, 59, 74 0, 70, 62, 23
Spring Wood #F2EEE6 242, 238, 230 0, 2, 5, 5
Woody Brown #3A2B2B 58, 43, 43 0, 26, 26, 77
Di Serria #D7A457 215, 164, 87 0, 24, 60, 16

Yun Jin CSS & Tailwind Color Variables

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

:root {
/* Yun Jin Genshin Impact Palette */
--yun-jin-genshin-impact-eminence: #6E2C8A;
--yun-jin-genshin-impact-brick-red: #C53B4A;
--yun-jin-genshin-impact-spring-wood: #F2EEE6;
--yun-jin-genshin-impact-woody-brown: #3A2B2B;
--yun-jin-genshin-impact-di-serria: #D7A457;
}

Yun Jin CSS Gradients

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

Click to Copy CSS
Eminence to Woody Brown#6E2C8A → #3A2B2B
Click to Copy CSS
Spring Wood to Eminence#F2EEE6 → #6E2C8A

Yun Jin Color Scheme Breakdown

Eminence#6E2C8A

A deep opera-purple dominating Yun Jin’s outer robe and sleeve panels, echoing traditional stage costumes and signaling elegance, mystique, and her refined, performance-focused identity within Liyue’s culture.

Brick Red#C53B4A

A saturated crimson-red used on key costume accents and opera-inspired motifs, reinforcing her dramatic stage presence, bold character highlights, and the ceremonial vibrancy associated with classical Chinese opera styling.

Spring Wood#F2EEE6

A warm off-white found in inner layers, collar details, and fabric trims, providing clean contrast against darker hues while conveying purity, poise, and the crisp tailoring of a formal performer’s attire.

Woody Brown#3A2B2B

A near-black brown appearing in hair mass, undersuit shadows, and accessory bases, grounding the palette with seriousness and stability, and emphasizing the disciplined, professional aspect of her opera craft.

Di Serria#D7A457

A muted gold used in ornamentation, embroidery-like details, and metallic accessories, suggesting prestige and tradition, and visually tying her costume to Liyue’s cultural richness and ceremonial stage aesthetics.

Yun Jin 60-30-10 Design Rule

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

60% Background
#F2EEE6
30% Primary
#3A2B2B
10% Accent
#6E2C8A

Use Spring Wood (#F2EEE6) for large background spaces, Woody Brown (#3A2B2B) for primary text and structural UI elements, and vibrant Eminence (#6E2C8A) exclusively for call-to-action buttons and important highlights.

Yun Jin UI Component Preview

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

Yun Jin

Opera Stage Virtuoso

“A true performance needs heart and discipline.”

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

  • Main LED: 110, 44, 138
  • Accent LED: 197, 59, 74

The Design Philosophy behind Yun Jin’s Palette

The design philosophy behind Yun Jin’s palette uses contrast and cultural signifiers to narrate character: deep opera-purple (#6E2C8A) communicates elegance and stage authority, Brick Red (#C53B4A) injects theatrical energy and focal emphasis, while Di Serria (#D7A457) supplies ceremonial prestige through metallic accents. Supporting tones—Spring Wood (#F2EEE6) for crisp trims and Woody Brown (#3A2B2B) for structural grounding—ensure legibility and hierarchy. This combination succeeds because it maps personality to function: colors not only evoke lore and profession but guide visual attention and affordance, making the Yun Jin color palette and HEX codes practical for UI theming and branding rooted in narrative.

Best Yun Jin Color Combinations

Stage Contrast

Deep Eminence paired with warm Spring Wood yields readable, elegant interfaces with strong visual hierarchy and theatrical flair.

Ceremonial Accent

Brick Red and Di Serria create vibrant focal points and luxurious accents ideal for buttons, badges, and ornamental UI details.

Download Yun Jin Genshin Impact Color Palette

ASE

Yun Jin .ASE Swatches

For Adobe Swatches & Procreate

SVG

Yun Jin .SVG Palette

Vector Color Palette

PNG

Yun Jin .PNG Image

High-Quality Palette Preview

FAQs about Yun Jin Genshin Impact Color Codes

What is the primary color of Yun Jin’s robe?

The dominant robe color is Eminence, HEX #6E2C8A.

What are the main colors in Yun Jin’s outfit palette?

Her outfit centers on deep opera tones and theatrical accents, primarily #6E2C8A (Eminence) and #C53B4A (Brick Red).

Which color is used for Yun Jin’s ornaments and grounding accents?

Ornamentation often uses muted gold Di Serria #D7A457, while grounding elements use Woody Brown #3A2B2B for contrast.

Copied