Asta from Honkai Star Rail combines a mysterious presence with refined accents, offering a character palette that’s both narrative-driven and practical for designers. Her primary coat is Blueberry (#6F4BFF), supported by softer Melrose (#BFA6FF) secondary layers and crisp Titan White (#F6F5FF) highlights, producing a coherent set of Asta color codes suitable for UI mockups, iconography and fan art. This curated HEX palette balances cool, magical tones with readable contrast and spotlight accents, making it ideal for designers searching for reliable character HEX values and palette references to use across game UI and promotional assets.
Asta Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Blueberry | #6F4BFF | 111, 75, 255 | 56, 71, 0, 0 | |
| Melrose | #BFA6FF | 191, 166, 255 | 25, 35, 0, 0 | |
| Titan White | #F6F5FF | 246, 245, 255 | 4, 4, 0, 0 | |
| Dandelion | #FFD36A | 255, 211, 106 | 0, 17, 58, 0 | |
| Mirage | #1B1936 | 27, 25, 54 | 50, 54, 0, 79 |
Asta CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Asta Honkai Star Rail Palette */
--asta-honkai-star-rail-blueberry: #6F4BFF;
--asta-honkai-star-rail-melrose: #BFA6FF;
--asta-honkai-star-rail-titan-white: #F6F5FF;
--asta-honkai-star-rail-dandelion: #FFD36A;
--asta-honkai-star-rail-mirage: #1B1936;
}More Honkai: Star Rail Color Codes (Purple Palette)
Asta CSS Gradients
Beautiful gradient backgrounds inspired by Asta’s aesthetic. Click to copy the CSS code.
Asta Color Scheme Breakdown
Blueberry#6F4BFF
A deep violet used for Asta’s main coat and large fabric panels, conveying her mysterious aura and serving as the primary silhouette color across in-game model, promotional art and outfit details.
Melrose#BFA6FF
A soft lavender used on secondary clothing layers, ribbons and inner linings, providing contrast to the darker violet while reinforcing a magical, ethereal visual identity for the character across renders.
Titan White#F6F5FF
An off-white very pale lilac used for hair highlights, collars and small accessory trims, giving brightness and defining edges without functioning as a shaded tone or specular highlight in illustrations consistently.
Dandelion#FFD36A
A warm gold used for decorative trims, buckles and emblem accents on Asta’s costume and weapon, communicating status, focal points and adding visual warmth to the predominantly cool palette as highlights.
Mirage#1B1936
A nearly-black navy used for boots, undersuits and belt straps, grounding the character’s design with contrast and providing practical, shadow-anchoring elements across official renders and sprites in promotional assets consistently.
Asta 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Asta’s palette for a perfectly balanced visual hierarchy.
Asta UI Component Preview
Here is a live example of how the Asta color palette looks when applied to a modern UI component.
Asta
Arcane Duelist
“The stars guide my blade.”
Asta 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 Asta’s aesthetic.
- Main LED: 111, 75, 255
- Accent LED: 191, 166, 255
The Design Philosophy behind Asta’s Palette
The design philosophy behind Asta’s palette is clearness of role: Blueberry (#6F4BFF) establishes a dominant, enigmatic silhouette while Melrose (#BFA6FF) brings ethereal depth and Titan White (#F6F5FF) preserves edge definition; Dandelion (#FFD36A) functions as a single warm accent and Mirage (#1B1936) grounds functional elements. Developers use this limited, hierarchical palette to reflect story and skill identity—mysterious primary tones, soft supporting hues and a high-contrast accent for focal points. For UI and branding, these HEX color codes translate directly into component systems, ensuring consistent silhouettes, legible details and strong contrast hierarchy; designers should still test contrast ratios for accessibility while retaining the character’s atmospheric identity.
Best Asta Color Combinations
Mystic Gradient
Deep Blueberry paired with soft Melrose creates a harmonious mystical gradient ideal for backgrounds and layered UI elements.
Gold on Ground
Warm Dandelion accents against Mirage provide high-contrast focal points perfect for CTAs, trims and emblem highlights.
Explore More Honkai: Star Rail Character Color Codes
Download Asta Honkai Star Rail Color Palette
Asta .ASE Swatches
For Adobe Swatches & Procreate
Asta .SVG Palette
Vector Color Palette
Asta .PNG Image
High-Quality Palette Preview
FAQs about Asta Honkai Star Rail Color Codes
What is the color of Asta’s main coat?
Asta’s main coat uses the deep violet Blueberry color: #6F4BFF.
What are the primary and supporting palette colors for her outfit?
The outfit pairs a primary Blueberry #6F4BFF with a supporting Melrose #BFA6FF and Titan White #F6F5FF for highlights.
Which colors are used for accents and grounding elements?
Accent details use Dandelion #FFD36A while grounding and practical elements use Mirage #1B1936 (with Titan White #F6F5FF for trims).
