Tingyun’s visual identity in Honkai: Star Rail is a study in refined contrasts and ceremonial detail. Her teal-green hair (Eucalyptus #3FD1B6) creates a calming silhouette, while the deep robe tone (Genoa #0F6B66) grounds her presence; warm metallics like Old Gold #D4A44A punctuate ornaments with regal emphasis. For UI designers and artists searching for accurate color codes and HEX palette references, Tingyun’s scheme balances cool sophistication and warm highlights, making it ideal for character portraits, promotional layouts, and polished interface accents.
Tingyun Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Eucalyptus | #3FD1B6 | 63, 209, 182 | 70, 0, 13, 18 | |
| Genoa | #0F6B66 | 15, 107, 102 | 86, 0, 5, 58 | |
| Old Gold | #D4A44A | 212, 164, 74 | 0, 23, 65, 17 | |
| Aqua Haze | #F6F8FA | 246, 248, 250 | 2, 1, 0, 2 | |
| Desert Sand | #F1CBB7 | 241, 203, 183 | 0, 16, 24, 5 |
Tingyun CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Tingyun Honkai Star Rail Palette */
--tingyun-honkai-star-rail-eucalyptus: #3FD1B6;
--tingyun-honkai-star-rail-genoa: #0F6B66;
--tingyun-honkai-star-rail-old-gold: #D4A44A;
--tingyun-honkai-star-rail-aqua-haze: #F6F8FA;
--tingyun-honkai-star-rail-desert-sand: #F1CBB7;
}
More Honkai: Star Rail Color Codes (Green Palette)
Tingyun CSS Gradients
Beautiful gradient backgrounds inspired by Tingyun’s aesthetic. Click to copy the CSS code.
Tingyun Color Scheme Breakdown
Eucalyptus#3FD1B6
Teal-green hair flows in elegant long locks and buns, forming Tingyun’s signature silhouette and visually anchoring her character aesthetic across portraits, talent animations, and promotional art as a calming, distinctive element.
Genoa#0F6B66
Deep teal fabric composes the majority of Tingyun’s robe and outer garments, providing a rich base color that conveys formality and depth while contrasting against lighter trims, ornamental details, and her pale complexion.
Old Gold#D4A44A
Warm gold highlights appear on Tingyun’s hairpins, belt buckles, and decorative embroidery, serving as metallic focal points that emphasize elegance, rank, and the costume’s ornate, ceremonial motifs throughout her character art.
Aqua Haze#F6F8FA
Soft off-white panels and undergarments form the inner blouse and sleeve linings, creating contrast with darker outer layers while visually conveying purity, textural layering, and clarity in silhouette and illustration.
Desert Sand#F1CBB7
Fair peachy skin tone is used for Tingyun’s face and hands, grounding her human warmth and softening the palette’s cooler greens and teals while maintaining legibility in portraits and in-game models.
Tingyun 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Tingyun’s palette for a perfectly balanced visual hierarchy.
Tingyun UI Component Preview
Here is a live example of how the Tingyun color palette looks when applied to a modern UI component.
Tingyun
Elegant Support Caster
“Let elegance be our answer.”
Tingyun 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 Tingyun’s aesthetic.
- Main LED: 63, 209, 182
- Accent LED: 15, 107, 102
The Design Philosophy behind Tingyun’s Palette
The design philosophy behind Tingyun’s palette uses a triadic balance of cool base tones, neutral supports, and warm accents to communicate both poise and ceremonial stature. Eucalyptus (#3FD1B6) conveys calm and individuality through hair silhouette, Genoa (#0F6B66) supplies weight and formality across robes, and Old Gold (#D4A44A) reads as metallic authority in trims and pins. Subtle neutrals—Aqua Haze (#F6F8FA) for linings and Desert Sand (#F1CBB7) for skin—maintain legibility and softness. This curated HEX palette works well for UI design, branding, and color codes research because it preserves contrast, hierarchy, and thematic storytelling while remaining practical for real-world color matching.
Best Tingyun Color Combinations
Calm & Command
Eucalyptus paired with Old Gold blends soothing teal with warm metallic accents for elegant focal points in UI elements or character ornaments.
Formal Foundation
Genoa contrasted with Aqua Haze gives strong readable surfaces and soft inner panels, ideal for navigation bars and card backgrounds.
Explore More Honkai: Star Rail Character Color Codes
Download Tingyun Honkai Star Rail Color Palette
Tingyun .ASE Swatches
For Adobe Swatches & Procreate
Tingyun .SVG Palette
Vector Color Palette
Tingyun .PNG Image
High-Quality Palette Preview
FAQs about Tingyun Honkai Star Rail Color Codes
What is the exact HEX for Tingyun’s hair color?
Tingyun’s teal-green hair is Eucalyptus with HEX #3FD1B6.
Which HEX defines Tingyun’s main outfit or robe color?
The primary robe color is Genoa, specified as HEX #0F6B66.
What HEX is used for Tingyun’s metallic accents or highlights?
Metallic highlights and ornamental accents use Old Gold, HEX #D4A44A (with Aqua Haze #F6F8FA for inner linings and Desert Sand #F1CBB7 for skin tones).












