Jing Yuan of Honkai Star Rail projects a composed, authoritative presence through a refined palette that balances depth and ceremony. His deep hair and inner coat use #071136 (Black Pearl) to anchor silhouettes, while the outer robes pop with #00b4c4 (Pacific Blue) to signal affiliation and status; subtle metallic highlights in #c59a3e (Tussock) communicate rank. For designers searching Jing Yuan color codes or a character HEX palette, this analysis highlights how each HEX value functions in UI/UX systems and brand-style guides for consistent in-game and fan-art applications.
Jing Yuan Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Black Pearl | #071136 | 7, 17, 54 | 87, 69, 0, 79 | |
| Pacific Blue | #00b4c4 | 0, 180, 196 | 100, 8, 0, 23 | |
| Cararra | #f3f2ee | 243, 242, 238 | 0, 0, 2, 5 | |
| Tussock | #c59a3e | 197, 154, 62 | 0, 22, 69, 23 | |
| Royal Purple | #6a3fa5 | 106, 63, 165 | 36, 62, 0, 35 |
Jing Yuan CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Jing Yuan Honkai Star Rail Palette */
--jing-yuan-honkai-star-rail-black-pearl: #071136;
--jing-yuan-honkai-star-rail-pacific-blue: #00b4c4;
--jing-yuan-honkai-star-rail-cararra: #f3f2ee;
--jing-yuan-honkai-star-rail-tussock: #c59a3e;
--jing-yuan-honkai-star-rail-royal-purple: #6a3fa5;
}More Honkai: Star Rail Color Codes (Blue Palette)
Jing Yuan CSS Gradients
Beautiful gradient backgrounds inspired by Jing Yuan’s aesthetic. Click to copy the CSS code.
Jing Yuan Color Scheme Breakdown
Black Pearl#071136
Deep midnight-blue used for Jing Yuan’s hair and the inner layers of his coat, grounding his silhouette and conveying authority, seriousness, and the stoic presence he projects as a high-ranking figure.
Pacific Blue#00b4c4
Vivid teal-cyan appearing on Jing Yuan’s outer robes, lining, and insignia elements, symbolizing his association with Xianzhou aesthetics and evoking a calm, refined, and slightly otherworldly patina, reinforcing his visual identity and social status.
Cararra#f3f2ee
Soft ivory found on Jing Yuan’s outer robe panels and high collar, offering a neutral canvas that contrasts vibrant trims while suggesting nobility, formality, and the ceremonial aspects of his attire.
Tussock#c59a3e
Warm gold used for buttons, decorative trims, and emblem details, highlighting status and refinement while providing metallic contrast that emphasizes ornate craftsmanship and hints at his authoritative rank within the setting.
Royal Purple#6a3fa5
Muted royal purple appearing in small accents like inner linings, tassels, and skill effects, supplying a regal, mystical counterpoint to blues and teals and underlining a refined, enigmatic personality and narrative presence.
Jing Yuan 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Jing Yuan’s palette for a perfectly balanced visual hierarchy.
Jing Yuan UI Component Preview
Here is a live example of how the Jing Yuan color palette looks when applied to a modern UI component.
Jing Yuan
Stoic Commander
“I shoulder the weight of order so others may stand free.”
Jing Yuan 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 Jing Yuan’s aesthetic.
- Main LED: 7, 17, 54
- Accent LED: 0, 180, 196
The Design Philosophy behind Jing Yuan’s Palette
The design philosophy behind Jing Yuan’s palette leverages contrast and cultural cues to reflect narrative and skillset. Dark base tones like #071136 (Black Pearl) establish gravitas and silhouette clarity, enabling readable UI icons and character thumbnails; mid-to-high chroma accents in #00b4c4 (Pacific Blue) create a distinct regional identity tied to Xianzhou aesthetics. Neutral panels using #f3f2ee (Cararra) allow tactile trims and typography to breathe, while metallic #c59a3e (Tussock) signals prestige and focal points such as buttons or emblems. Occasional #6a3fa5 (Royal Purple) injections provide mystical depth for effects and ability visuals. For designers seeking usable HEX palettes or color codes for UI, this scheme balances accessibility, hierarchy, and thematic storytelling.
Best Jing Yuan Color Combinations
Midnight Authority
Deep Black Pearl anchors layout contrast while Pacific Blue provides a readable, elegant accent ideal for primary CTAs and avatar borders.
Ceremonial Accent
Soft Cararra panels paired with Tussock gold create a formal, high-contrast combo perfect for decorative trims, badges, and premium UI states.
Explore More Honkai: Star Rail Character Color Codes
Download Jing Yuan Honkai Star Rail Color Palette
Jing Yuan .ASE Swatches
For Adobe Swatches & Procreate
Jing Yuan .SVG Palette
Vector Color Palette
Jing Yuan .PNG Image
High-Quality Palette Preview
FAQs about Jing Yuan Honkai Star Rail Color Codes
What is the color code of Jing Yuan’s hair?
Jing Yuan’s hair uses the deep midnight-blue #071136 (Black Pearl).
Which HEX represents Jing Yuan’s main robe color or overall outfit?
The primary outer robe color is #00b4c4 (Pacific Blue), complemented by neutral panels like #f3f2ee (Cararra).
What are the accent or trim colors used for details and effects?
Accents and trims use metallic #c59a3e (Tussock) and occasional mystical #6a3fa5 (Royal Purple) for highlights and skill visuals.
