Firefly from Honkai Star Rail blends insectoid bioluminescence with tactical tech, creating a visually striking support archetype. Her wing membranes and energy sigils glow in #00C853 (Malachite), while secondary trims and eye glows use #00ACC1 (Pacific Blue) and lantern cores flare with #FFD740 (Bright Sun). Designers and artists searching for precise color codes will find these HEX values essential for recreating her luminous motifs, UI flares, and character icons, ensuring consistent tone and contrast across portraits, models, and promotional assets.
Firefly Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Malachite | #00C853 | 0, 200, 83 | 100, 0, 59, 22 | |
| Pacific Blue | #00ACC1 | 0, 172, 193 | 100, 11, 0, 24 | |
| Bright Sun | #FFD740 | 255, 215, 64 | 0, 16, 75, 0 | |
| Shark | #1B1F23 | 27, 31, 35 | 23, 11, 0, 86 | |
| Athens Gray | #F2F5F7 | 242, 245, 247 | 2, 1, 0, 3 |
Firefly CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Firefly Honkai Star Rail Palette */
--firefly-honkai-star-rail-malachite: #00C853;
--firefly-honkai-star-rail-pacific-blue: #00ACC1;
--firefly-honkai-star-rail-bright-sun: #FFD740;
--firefly-honkai-star-rail-shark: #1B1F23;
--firefly-honkai-star-rail-athens-gray: #F2F5F7;
}More Honkai: Star Rail Color Codes (Green Palette)
Firefly CSS Gradients
Beautiful gradient backgrounds inspired by Firefly’s aesthetic. Click to copy the CSS code.
Firefly Color Scheme Breakdown
Malachite#00C853
This vivid green (#00C853) appears on Firefly’s bioluminescent wing membranes, energy sigils, and garment piping, symbolizing her luminous insectoid motif and highlighting active skill animations and core identity in combat and idle poses.
Pacific Blue#00ACC1
This teal (#00ACC1) is used for secondary trim, eye glow, and technological accents on her harness and equipment, indicating stored energy, tactical systems, and linking ability effects to her supportive role visually.
Bright Sun#FFD740
This warm amber (#FFD740) appears on inner lantern cores, emblem insets and UI skill flares, representing guiding light, warmth and signaling active buffs or healing-oriented interactions during combat and narrative presence.
Shark#1B1F23
This deep charcoal (#1B1F23) forms the base of her outfit, armor plates, and tactical straps, providing high-contrast grounding that enhances luminous accents while conveying stealth, resilience, and mechanical grit in both design and animation.
Athens Gray#F2F5F7
This cool off-white (#F2F5F7) appears on inset panels, small trims, and insignia surfaces to balance darker tones, suggest technological purity, and improve legibility of iconography across portraits and models in various lighting conditions.
Firefly 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Firefly’s palette for a perfectly balanced visual hierarchy.
Firefly UI Component Preview
Here is a live example of how the Firefly color palette looks when applied to a modern UI component.
Firefly
Bioluminescent Support
“Follow the glow — I’ll guide you home.”
Firefly 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 Firefly’s aesthetic.
- Main LED: 0, 200, 83
- Accent LED: 0, 172, 193
The Design Philosophy behind Firefly’s Palette
The design philosophy behind Firefly uses a tight palette to express story and function: vivid bioluminescent green (#00C853 Malachite) signals life, guidance, and active abilities; teal (#00ACC1 Pacific Blue) denotes stored energy and tech interfaces; warm amber (#FFD740 Bright Sun) marks healing or buffing interactions. Anchored by deep charcoal (#1B1F23 Shark) and balanced with cool off-white (#F2F5F7 Athens Gray), the palette achieves strong visual hierarchy, legibility, and emotional resonance. For artists and UI designers searching for HEX color codes, this combo is effective because it pairs high-contrast accents with neutral foundations to convey both organic glow and mechanical precision.
Best Firefly Color Combinations
Biolume Accent
Malachite green (#00C853) paired with Bright Sun amber (#FFD740) creates vibrant, attention-grabbing highlights ideal for skill flares and healing indicators.
Tech Contrast
Pacific Blue (#00ACC1) against Shark charcoal (#1B1F23) offers a clear tech-on-dark contrast for UI trims, eye glows, and tactical equipment accents.
Explore More Honkai: Star Rail Character Color Codes
Download Firefly Honkai Star Rail Color Palette
Firefly .ASE Swatches
For Adobe Swatches & Procreate
Firefly .SVG Palette
Vector Color Palette
Firefly .PNG Image
High-Quality Palette Preview
FAQs about Firefly Honkai Star Rail Color Codes
What is the color of Firefly’s bioluminescent wings?
Firefly’s bioluminescent wing membranes are rendered in Malachite — HEX #00C853.
What is the primary outfit or base color for Firefly?
Her base outfit and armor plates use the deep charcoal Shark tone — HEX #1B1F23.
Which HEX codes are used for accents, UI glows, and lantern cores?
Accent and UI glows use Pacific Blue HEX #00ACC1 and Bright Sun HEX #FFD740, with Athens Gray HEX #F2F5F7 for inset panels.
