Seele Honkai Star Rail Color Codes & Palette | HEX Guide for UI/UX

Seele Honkai Star Rail Color Codes & Palette | HEX Guide for UI/UX

Seele from Honkai Star Rail is a gothic, dreamlike figure whose visual identity is defined by carefully balanced color codes and palette choices. Her design anchors on deep purple Eminence #5D2B88 and near-black Cod Gray #0A0A0A, while delicate highlights such as Perfume #D7B7F7 add ethereal contrast; warm Old Gold #D4AF37 provides metallic accents that catch the eye. For UI/UX and asset designers searching for Seele palette HEX references or color codes for fan art, these tones create a cohesive, readable silhouette and emotive lighting suitable for portraits, VFX, and interface accents.

Eminence
#5D2B88
Perfume
#D7B7F7
Cod Gray
#0A0A0A
Whisper
#F7F5F8
Old Gold
#D4AF37

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

Preview Color Name HEX RGB CMYK
Eminence #5D2B88 93, 43, 136 32, 68, 0, 47
Perfume #D7B7F7 215, 183, 247 13, 26, 0, 3
Cod Gray #0A0A0A 10, 10, 10 0, 0, 0, 96
Whisper #F7F5F8 247, 245, 248 0, 1, 0, 3
Old Gold #D4AF37 212, 175, 55 0, 17, 74, 17

Seele CSS & Tailwind Color Variables

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

:root {
/* Seele Honkai Star Rail Palette */
--seele-honkai-star-rail-eminence: #5D2B88;
--seele-honkai-star-rail-perfume: #D7B7F7;
--seele-honkai-star-rail-cod-gray: #0A0A0A;
--seele-honkai-star-rail-whisper: #F7F5F8;
--seele-honkai-star-rail-old-gold: #D4AF37;
}

Seele CSS Gradients

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

Click to Copy CSS
Eminence to Whisper#5D2B88 → #F7F5F8
Click to Copy CSS
Cod Gray to Eminence#0A0A0A → #5D2B88

Seele Color Scheme Breakdown

Eminence#5D2B88

A deep purple used for the main body of Seele’s dress and the bulk of her hair ribbons, conveying enigmatic, gothic elegance and anchoring her silhouette against lighter accents and personality.

Perfume#D7B7F7

A soft lavender used for hair highlights, dress underskirt edges, and ribbon details, creating a delicate, ethereal contrast that emphasizes Seele’s youthful fragility and dreamlike aesthetic and subtle spiritual undertones.

Cod Gray#0A0A0A

A near-black used for the main bodice, boots, glove accents and lace, grounding the character with gothic weight while accentuating silhouette contrast, dramatic depth, and menace in on-screen combat animations.

Whisper#F7F5F8

A warm off-white used for collars, ruffles, and paneling on Seele’s dress, offering crisp, clean highlights that read as innocence and contrast against darker gothic elements in portraits and skill VFX.

Old Gold#D4AF37

A muted gold used on brooches, trim, and small metallic elements, signaling nobility and adding warm focal accents to break monochrome tones while catching light in motion during skill effects and idle poses.

Seele 60-30-10 Design Rule

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

60% Background
#F7F5F8
30% Primary
#0A0A0A
10% Accent
#5D2B88

Use Whisper (#F7F5F8) for large background spaces, Cod Gray (#0A0A0A) for primary text and structural UI elements, and vibrant Eminence (#5D2B88) exclusively for call-to-action buttons and important highlights.

Seele UI Component Preview

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

Seele

Gothic DPS

“I will be waiting in your dreams.”

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

  • Main LED: 93, 43, 136
  • Accent LED: 215, 183, 247

The Design Philosophy behind Seele’s Palette

The design philosophy behind Seele’s palette leverages high-contrast gothic foundations with soft, vulnerable highlights to mirror her narrative and abilities. Deep purple Eminence (#5D2B88) and Cod Gray (#0A0A0A) ground the character in mystery and menace, making silhouettes readable in motion and combat VFX, while Whisper (#F7F5F8) and Perfume (#D7B7F7) introduce innocence and spectral light. Old Gold (#D4AF37) is used sparingly for trims and brooches, delivering focal warmth and perceived value. This combination succeeds because it balances readability, emotional storytelling, and interactive clarity—key concerns for designers searching for accurate color codes and palette HEX for UI/graphic implementation.

Best Seele Color Combinations

Gothic Anchor

Eminence + Cod Gray form a high-contrast base ideal for silhouettes, readable UI elements, and moody backgrounds.

Ethereal Accent

Perfume paired with Old Gold creates soft highlights with warm metallic focal points for trim and icon accents.

Download Seele Honkai Star Rail Color Palette

ASE

Seele .ASE Swatches

For Adobe Swatches & Procreate

SVG

Seele .SVG Palette

Vector Color Palette

PNG

Seele .PNG Image

High-Quality Palette Preview

FAQs about Seele Honkai Star Rail Color Codes

What is the color code of Seele’s hair highlights?

Seele’s hair highlights use Perfume #D7B7F7.

What is the primary outfit color or bodice color for Seele?

The primary dress and ribbon tone is Eminence #5D2B88, anchored by Cod Gray #0A0A0A for the bodice and lace.

Which hex is used for her metallic details and brooch?

Metallic trims and brooch accents use Old Gold #D4AF37.

Copied