Dan Heng (Honkai Star Rail) Color Codes, Palette & HEX — UI/UX Design Intent

Dan Heng (Honkai Star Rail) Color Codes, Palette & HEX — UI/UX Design Intent

Dan Heng is a reserved, disciplined spearmaster whose visual design balances calm precision with subtle, ethereal accents. The palette centers on deep grounding tones like Ebony #0B1320, contrasted by cool accents such as Sea Serpent #3FD1D1 and noble Blueberry #6E5CFF to emphasize motion and focus. For UI/UX designers and color codes enthusiasts, this combination reads as a study in contrast and hierarchy: dark anchors for legibility, teal highlights for directional cues, and violet trims for narrative depth. Use these HEX values when building themes that need a stoic, martial elegance with clear interactive signposts.

Ebony
#0B1320
Atoll
#0E6A6A
Sea Serpent
#3FD1D1
Blueberry
#6E5CFF
Desert Sand
#EFD6BB

Dan Heng Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Ebony #0B1320 11, 19, 32 66, 41, 0, 87
Atoll #0E6A6A 14, 106, 106 87, 0, 0, 58
Sea Serpent #3FD1D1 63, 209, 209 70, 0, 0, 18
Blueberry #6E5CFF 110, 92, 255 57, 64, 0, 0
Desert Sand #EFD6BB 239, 214, 187 0, 10, 22, 6

Dan Heng CSS & Tailwind Color Variables

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

:root {
/* Dan Heng Honkai Star Rail Palette */
--dan-heng-honkai-star-rail-ebony: #0B1320;
--dan-heng-honkai-star-rail-atoll: #0E6A6A;
--dan-heng-honkai-star-rail-sea-serpent: #3FD1D1;
--dan-heng-honkai-star-rail-blueberry: #6E5CFF;
--dan-heng-honkai-star-rail-desert-sand: #EFD6BB;
}

Dan Heng CSS Gradients

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

Click to Copy CSS
Ebony to Blueberry#0B1320 → #6E5CFF
Click to Copy CSS
Sea Serpent to Ebony#3FD1D1 → #0B1320

Dan Heng Color Scheme Breakdown

Ebony#0B1320

A near-black deep navy used for Dan Heng’s long coat, boots, and undershirt panels, grounding his silhouette and conveying stoicism, mystery, and the quiet, martial elegance central to his visual identity.

Atoll#0E6A6A

A deep teal wrapping around Dan Heng’s collar, lapels, and spear accents, reflecting his wind-aligned calm precision while contrasting sharply with darker fabrics to highlight form and movement in combat.

Sea Serpent#3FD1D1

A bright turquoise streak color found in hair highlights, eye irises, and sash piping, injecting energetic clarity and a cool, ethereal quality that emphasizes speed, focus, and otherworldly calm precision.

Blueberry#6E5CFF

A muted violet accent appearing on his waist sash, weapon glow, and small trim details, introducing a noble, slightly melancholic contrast that hints at heritage, inner restraint, and subtle ceremonial motifs.

Desert Sand#EFD6BB

A warm, desaturated skin tone for his face and visible hands, softening the cooler outfit palette to humanize the stoic warrior and provide necessary visual warmth for facial expressions and emotion.

Dan Heng 60-30-10 Design Rule

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

60% Background
#EFD6BB
30% Primary
#0E6A6A
10% Accent
#0B1320

Use Desert Sand (#EFD6BB) for large background spaces, Atoll (#0E6A6A) for primary text and structural UI elements, and vibrant Ebony (#0B1320) exclusively for call-to-action buttons and important highlights.

Dan Heng UI Component Preview

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

Dan Heng

Wind Spear Duelist

“I move like the wind.”

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

  • Main LED: 11, 19, 32
  • Accent LED: 14, 106, 106

The Design Philosophy behind Dan Heng’s Palette

The design philosophy behind Dan Heng’s palette uses limited, purposeful contrasts to reflect his narrative: stoicism, disciplined movement, and wind‑aligned precision. Ebony (#0B1320) provides the visual weight and silhouette clarity necessary for readable UI backgrounds and strong negative space, while Atoll (#0E6A6A) and Sea Serpent (#3FD1D1) act as mid and high‑value accents for interaction states and focus points. Blueberry (#6E5CFF) introduces a ceremonial, slightly melancholic counterpoint that can mark secondary actions or lore elements, and Desert Sand (#EFD6BB) humanizes facial tones and soft UI surfaces. Together these HEX codes create a cohesive system that supports both functional contrast and narrative expression—ideal for designers searching for character-driven color codes and palette strategies.

Best Dan Heng Color Combinations

Anchored Contrast

Ebony with Sea Serpent pairs deep grounding with bright directional highlights, ideal for primary background and call-to-action accents in UI design.

Calm Complement

Atoll and Desert Sand balance cool, windlike midtones with warm humanizing surfaces for readable cards, tooltips, and softer UI elements.

Download Dan Heng Honkai Star Rail Color Palette

ASE

Dan Heng .ASE Swatches

For Adobe Swatches & Procreate

SVG

Dan Heng .SVG Palette

Vector Color Palette

PNG

Dan Heng .PNG Image

High-Quality Palette Preview

FAQs about Dan Heng Honkai Star Rail Color Codes

What is the color of Dan Heng’s eye/highlight accents?

Dan Heng’s prominent eye and hair highlight color is Sea Serpent — #3FD1D1.

What is the main outfit or base color used for Dan Heng’s clothing?

The primary outfit/base color is Ebony — #0B1320, which grounds his silhouette and suits background or primary UI surfaces.

Which colors are used as secondary accents or trims?

Secondary accents include Blueberry #6E5CFF and Atoll #0E6A6A, with Desert Sand #EFD6BB used for skin tones and warm surface details.

Copied