Bronya — Honkai Star Rail Color Codes, Palette & HEX Guide

Bronya — Honkai Star Rail Color Codes, Palette & HEX Guide

Bronya in Honkai: Star Rail presents a disciplined, techno-minimal aesthetic that reads cleanly across game UI and fan design assets. Her palette pairs Zircon #F5F8FF for pale, clinical highlights, Jacksons Purple #1E3A8A as the primary fabric hue and Malibu #4FD1FF for circuit-like glows—making these Bronya color codes ideal for designers searching for an accurate HEX palette. The balance of near-black grounding and soft violet accents creates a readable, high-contrast system perfect for UI components, HUD mockups and character art that require precise HEX color references.

Zircon
#F5F8FF
Ebony
#0B1220
Jacksons Purple
#1E3A8A
Malibu
#4FD1FF
Heliotrope
#A685FF

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

Preview Color Name HEX RGB CMYK
Zircon #F5F8FF 245, 248, 255 4, 3, 0, 0
Ebony #0B1220 11, 18, 32 66, 44, 0, 87
Jacksons Purple #1E3A8A 30, 58, 138 78, 58, 0, 46
Malibu #4FD1FF 79, 209, 255 69, 18, 0, 0
Heliotrope #A685FF 166, 133, 255 35, 48, 0, 0

Bronya CSS & Tailwind Color Variables

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

:root {
/* Bronya Honkai Star Rail Palette */
--bronya-honkai-star-rail-zircon: #F5F8FF;
--bronya-honkai-star-rail-ebony: #0B1220;
--bronya-honkai-star-rail-jacksons-purple: #1E3A8A;
--bronya-honkai-star-rail-malibu: #4FD1FF;
--bronya-honkai-star-rail-heliotrope: #A685FF;
}

Bronya CSS Gradients

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

Click to Copy CSS
Zircon to Malibu#F5F8FF → #4FD1FF
Click to Copy CSS
Jacksons Purple to Zircon#1E3A8A → #F5F8FF

Bronya Color Scheme Breakdown

Zircon#F5F8FF

Pale cool white used across Bronya’s hair, collar, and armor panels, emphasizing her synthetic, clinical aesthetic and youthful robotic innocence while providing a high-contrast canvas for darker tech details.

Ebony#0B1220

Deep near-black applied to Bronya’s inner bodysuit, boots and mech joints, grounding her silhouette with military utilitarian weight while letting luminous circuitry and accent colors read clearly against the dark backdrop.

Jacksons Purple#1E3A8A

Rich indigo blue defines major fabric areas — coat, sleeves and paneling — serving as Bronya’s signature hue that evokes cold intelligence, disciplined stoicism and a crystalline, techno-military aesthetic.

Malibu#4FD1FF

Vibrant cyan used for visors, HUD elements, circuitry glows and eye highlights, signaling active energy, advanced tech interface and cool, clinical power that punctuates Bronya’s otherwise muted, industrial palette.

Heliotrope#A685FF

Soft lavender-violet accents appear on trims, ribbons, small gems and skill effects, adding a subtle, slightly whimsical sci-fi warmth that contrasts the character’s colder blue and white tones.

Bronya 60-30-10 Design Rule

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

60% Background
#4FD1FF
30% Primary
#0B1220
10% Accent
#F5F8FF

Use Malibu (#4FD1FF) for large background spaces, Ebony (#0B1220) for primary text and structural UI elements, and vibrant Zircon (#F5F8FF) exclusively for call-to-action buttons and important highlights.

Bronya UI Component Preview

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

Bronya

Tactical Mech Operative

“Target acquired. Executing protocol.”

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

  • Main LED: 245, 248, 255
  • Accent LED: 11, 18, 32

The Design Philosophy behind Bronya’s Palette

The design philosophy behind Bronya’s palette leverages contrast and functional symbolism: Zircon (#F5F8FF) implies synthetic innocence and reflective surfaces, Jacksons Purple (#1E3A8A) carries disciplined, crystalline authority, while Malibu (#4FD1FF) signals active circuitry and HUD energy. Ebony (#0B1220) grounds silhouettes with military utility and maximizes legibility for overlays; Heliotrope (#A685FF) adds subtle warmth on trims and skill effects. For UI/UX and color codes search intent, this scheme demonstrates how a primary mid-tone, a vivid accent, and a pale neutral create hierarchy, affordance and accessible contrast using precise HEX color codes for consistent implementations.

Best Bronya Color Combinations

Arctic Signal

Bright cyan (#4FD1FF) over deep ebony (#0B1220) yields maximum legibility and a high-tech alert aesthetic ideal for HUD highlights and CTA states.

Frosted Authority

Pale Zircon (#F5F8FF) paired with Jacksons Purple (#1E3A8A) creates a crisp, military-tech contrast suitable for panels, cards and character UI frames.

Download Bronya Honkai Star Rail Color Palette

ASE

Bronya .ASE Swatches

For Adobe Swatches & Procreate

SVG

Bronya .SVG Palette

Vector Color Palette

PNG

Bronya .PNG Image

High-Quality Palette Preview

FAQs about Bronya Honkai Star Rail Color Codes

What is Bronya’s hair color HEX code?

Bronya’s hair and pale accents use Zircon — #F5F8FF.

Which HEX represents Bronya’s main outfit or coat?

The primary fabric and coat color is Jacksons Purple — #1E3A8A.

What HEXs are used for eye or HUD highlights and small accents?

Bright cyan Malibu (#4FD1FF) and soft Heliotrope (#A685FF) are used for visors, glows and trim accents.

Copied