Luocha (Honkai: Star Rail) Color Codes, Palette & HEX Guide for UI Designers

Luocha (Honkai: Star Rail) Color Codes, Palette & HEX Guide for UI Designers

Luocha from Honkai: Star Rail presents a ceremonial, otherworldly aesthetic defined by a clear HEX palette that UI/UX designers can reference for thematic interfaces. His primary robes use #7C5CFF Blueberry to convey mystic authority, balanced by a neutral base in #F4F0EC Pampas that reads clean at body scale, while highlights like #35DCC9 Turquoise inject spectral emphasis into ornamental details. For designers searching ‘Luocha color codes’ or ‘Honkai HEX palette’, this combination offers a study in readable contrast and ritual tone suitable for character pages, in-game menus, and mood-driven UI components.

Blueberry
#7C5CFF
Pampas
#F4F0EC
Saffron
#F0C23C
Turquoise
#35DCC9
Black Pearl
#081229

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

Preview Color Name HEX RGB CMYK
Blueberry #7C5CFF 124, 92, 255 51, 64, 0, 0
Pampas #F4F0EC 244, 240, 236 0, 2, 3, 4
Saffron #F0C23C 240, 194, 60 0, 19, 75, 6
Turquoise #35DCC9 53, 220, 201 76, 0, 9, 14
Black Pearl #081229 8, 18, 41 80, 56, 0, 84

Luocha CSS & Tailwind Color Variables

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

:root {
/* Luocha Honkai Star Rail Palette */
--luocha-honkai-star-rail-blueberry: #7C5CFF;
--luocha-honkai-star-rail-pampas: #F4F0EC;
--luocha-honkai-star-rail-saffron: #F0C23C;
--luocha-honkai-star-rail-turquoise: #35DCC9;
--luocha-honkai-star-rail-black-pearl: #081229;
}

Luocha CSS Gradients

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

Click to Copy CSS
Blueberry to Turquoise#7C5CFF → #35DCC9
Click to Copy CSS
Saffron to Blueberry#F0C23C → #7C5CFF

Luocha Color Scheme Breakdown

Blueberry#7C5CFF

This medium violet-purple appears prominently across Luocha’s primary robes, decorative panels, and subtle hair tips, representing his mystic authority and the character’s ethereal, otherworldly connection to psychic and eldritch energies.

Pampas#F4F0EC

A warm off-white serves as Luocha’s base robe and inner garments, creating a neutral canvas that emphasizes ornate patterns and contrasts with saturated accents while reinforcing a ceremonial, scholarly aesthetic tied to antiquity.

Saffron#F0C23C

Vivid gold trim and small jewelry pieces use this warm yellow-gold to highlight hems, clasps, and ornamental motifs, signaling status, ritual importance, and catching light to guide the eye across the character silhouette.

Turquoise#35DCC9

A bright teal-cyan appears in Luocha’s embroidered accents, small gemstone insets and arcane energy effects, providing a cool counterpoint that suggests ancient knowledge, spectral power, and visual emphasis on mystical details.

Black Pearl#081229

Deep near-black used for inner linings, belts, and subtle linework anchors the palette, adding contrast for silhouettes and readable separation between layered garments while reinforcing a sober, authoritative, and ritualistic undertone.

Luocha 60-30-10 Design Rule

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

60% Background
#F4F0EC
30% Primary
#081229
10% Accent
#7C5CFF

Use Pampas (#F4F0EC) for large background spaces, Black Pearl (#081229) for primary text and structural UI elements, and vibrant Blueberry (#7C5CFF) exclusively for call-to-action buttons and important highlights.

Luocha UI Component Preview

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

Luocha

Eldritch Scholar

“Truth unfolds in patterns.”

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

  • Main LED: 124, 92, 255
  • Accent LED: 244, 240, 236

The Design Philosophy behind Luocha’s Palette

The design philosophy behind Luocha’s palette leverages contrast and symbolic hue roles to reflect narrative and abilities. Deep anchoring in #081229 Black Pearl grounds silhouettes and creates legible separation between layered garments; this sober base lets #7C5CFF Blueberry serve as the mystical signifier for psychic presence, while #F0C23C Saffron supplies metallic warmth for status and ritual ornamentation. #35DCC9 Turquoise functions as an accent that reads as arcane energy or gemstone detail. Using clear HEX color codes helps developers maintain consistency across UI elements, allowing color to communicate lore, hierarchy, and interaction states without overwhelming typographic or compositional clarity.

Best Luocha Color Combinations

Mystic on Ivory

Blueberry on Pampas creates a readable primary/neutral pairing ideal for hero banners and character panels.

Arcane Accent

Turquoise accents against Black Pearl deliver high contrast for icons and interactive highlights while preserving a ritual mood.

Download Luocha Honkai Star Rail Color Palette

ASE

Luocha .ASE Swatches

For Adobe Swatches & Procreate

SVG

Luocha .SVG Palette

Vector Color Palette

PNG

Luocha .PNG Image

High-Quality Palette Preview

FAQs about Luocha Honkai Star Rail Color Codes

What is the primary robe or garment color of Luocha?

Luocha’s primary robe accents and decorative panels use the medium violet-purple #7C5CFF.

What is the overall base or neutral color used in his outfit?

The outfit base and inner garments are rendered in a warm off-white, #F4F0EC Pampas, which provides a neutral canvas for accents.

Which colors are used for jewelry, trims or arcane highlights?

Gold trims and jewelry use #F0C23C Saffron, while embroidered accents and arcane effects often employ #35DCC9 Turquoise for cool contrast.

Copied