Yanqing Honkai: Color Codes, Palette & HEX Guide for UI/Character Design

Yanqing Honkai: Color Codes, Palette & HEX Guide for UI/Character Design

Yanqing from Honkai Star Rail presents a disciplined, ceremonial aesthetic defined by a limited but expressive palette that suits UI, concept art, and brand extensions. His primary coat uses #0C5B52 (Deep Sea Green) for a grounded, traditional silhouette, while energetic highlights like #2FD6C7 (Turquoise) convey agility and elemental motion; accents of #D4B03B (Old Gold) add ornate luxury. For designers searching for accurate color codes or building a character-themed interface, these palette HEX values provide clear guidance for contrast, accessibility, and motion effects in both static layouts and animated combat UIs.

Deep Sea Green
#0C5B52
Turquoise
#2FD6C7
Off Green
#E8F9F6
Old Gold
#D4B03B
Ebony
#0F1724

Yanqing Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Deep Sea Green #0C5B52 12, 91, 82 87, 0, 10, 64
Turquoise #2FD6C7 47, 214, 199 78, 0, 7, 16
Off Green #E8F9F6 232, 249, 246 7, 0, 1, 2
Old Gold #D4B03B 212, 176, 59 0, 17, 72, 17
Ebony #0F1724 15, 23, 36 58, 36, 0, 86

Yanqing CSS & Tailwind Color Variables

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

:root {
/* Yanqing Honkai Star Rail Palette */
--yanqing-honkai-star-rail-deep-sea-green: #0C5B52;
--yanqing-honkai-star-rail-turquoise: #2FD6C7;
--yanqing-honkai-star-rail-off-green: #E8F9F6;
--yanqing-honkai-star-rail-old-gold: #D4B03B;
--yanqing-honkai-star-rail-ebony: #0F1724;
}

Yanqing CSS Gradients

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

Click to Copy CSS
Deep Sea Green to Old Gold#0C5B52 → #D4B03B
Click to Copy CSS
Off Green to Deep Sea Green#E8F9F6 → #0C5B52

Yanqing Color Scheme Breakdown

Deep Sea Green#0C5B52

This deep teal/green appears on Yanqing’s long overcoat and main garments, grounding his silhouette with a cool, terrestrial tone that communicates composed discipline and cultural heritage in his overall design.

Turquoise#2FD6C7

This bright teal-cyan is used for Yanqing’s eye color, energy effects, and small clothing accents, providing vivid contrast and suggesting agility, elemental affinity, and kinetic motion during skill animations and close combat moments.

Off Green#E8F9F6

This pale mint-whitish tone appears on Yanqing’s inner shirt, collar lining, and soft fabric details, giving a light, clean counterpoint to darker garments and emphasizing noble restraint and subtle craftsmanship.

Old Gold#D4B03B

This warm gold accent color decorates Yanqing’s clasps, embroidery, and accessory trims, signifying status and ornate tradition while providing a luxurious highlight that balances the cooler teal palette across his outfit.

Ebony#0F1724

This near-black navy plays across Yanqing’s boots, belts, and occasional hair outlines, anchoring the design with strong contrast, adding visual weight, and enhancing the legibility of finer decorative elements in dim lighting.

Yanqing 60-30-10 Design Rule

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

60% Background
#E8F9F6
30% Primary
#0F1724
10% Accent
#0C5B52

Use Off Green (#E8F9F6) for large background spaces, Ebony (#0F1724) for primary text and structural UI elements, and vibrant Deep Sea Green (#0C5B52) exclusively for call-to-action buttons and important highlights.

Yanqing UI Component Preview

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

Yanqing

Blade Duelist

“I do what must be done.”

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

  • Main LED: 12, 91, 82
  • Accent LED: 47, 214, 199

The Design Philosophy behind Yanqing’s Palette

The design philosophy behind Yanqing’s colors balances heritage and kinetic energy: a stable, near-navy anchor pairs with vivid cyan highlights and warm metallic trims to narrate both restraint and lethal precision. Developers use #0C5B52 (Deep Sea Green) to communicate cultural weight and composure, while #2FD6C7 (Turquoise) functions as an afferent signal color for skills and hit effects, improving legibility in fast action. Subtle neutrals like #E8F9F6 (Off Green) keep surfaces breathable, and #D4B03B (Old Gold) frames focal details to imply status. This restrained palette succeeds because it optimizes contrast, silhouette readability, and hierarchy—key concerns when searching for believable color codes and palette pairings for UI and character art.

Best Yanqing Color Combinations

Ceremonial Anchor

Deep Sea Green with Old Gold pairs tradition and luxury to mark important UI elements and ornamental trims with high perceived value.

Kinetic Signal

Turquoise against Ebony creates a vivid action contrast ideal for ability effects, buttons, and status indicators in dark-themed layouts.

Download Yanqing Honkai Star Rail Color Palette

ASE

Yanqing .ASE Swatches

For Adobe Swatches & Procreate

SVG

Yanqing .SVG Palette

Vector Color Palette

PNG

Yanqing .PNG Image

High-Quality Palette Preview

FAQs about Yanqing Honkai Star Rail Color Codes

What is the HEX code for Yanqing’s eye and energy highlight color?

Yanqing’s eye and energy highlight color is #2FD6C7 (Turquoise).

Which HEX represents Yanqing’s main garment or coat color?

The main overcoat color is #0C5B52 (Deep Sea Green).

What HEX is used for Yanqing’s decorative trims and accents?

The decorative trims and accessory accents use #D4B03B (Old Gold).

Copied