Sparkle is a vibrant character in Honkai: Star Rail defined by playful contrasts and energetic accents. Her look pairs signature streaks of #FF6BA9 (Hot Pink) with a delicate blouse base of #FFF8F2 (Seashell Peach) and crisp magical glows in #7ED1FF (Anakiwa), producing a cohesive set of color codes designers rely on for authentic recreations. This on-page guide targets UI/UX and graphic designers searching for Sparkle palette HEX codes and practical application tips to reproduce her bold, youthful personality across portraits, interface skins, and promotional layouts.
Sparkle Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Hot Pink | #FF6BA9 | 255, 107, 169 | 0, 58, 34, 0 | |
| Seashell Peach | #FFF8F2 | 255, 248, 242 | 0, 3, 5, 0 | |
| Anakiwa | #7ED1FF | 126, 209, 255 | 51, 18, 0, 0 | |
| Dandelion | #FFD46A | 255, 212, 106 | 0, 17, 58, 0 | |
| Minsk | #3E2A77 | 62, 42, 119 | 48, 65, 0, 53 |
Sparkle CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sparkle Honkai Star Rail Palette */
--sparkle-honkai-star-rail-hot-pink: #FF6BA9;
--sparkle-honkai-star-rail-seashell-peach: #FFF8F2;
--sparkle-honkai-star-rail-anakiwa: #7ED1FF;
--sparkle-honkai-star-rail-dandelion: #FFD46A;
--sparkle-honkai-star-rail-minsk: #3E2A77;
}More Honkai: Star Rail Color Codes (Pink Palette)
Sparkle CSS Gradients
Beautiful gradient backgrounds inspired by Sparkle’s aesthetic. Click to copy the CSS code.
Sparkle Color Scheme Breakdown
Hot Pink#FF6BA9
This vibrant hot-pink appears as Sparkle’s signature hair streaks and ribbon accents in illustrations, conveying playful energy and feminine charm while contrasting cooler outfit elements to emphasize movement and personality.
Seashell Peach#FFF8F2
This soft off-white forms the primary fabric of Sparkle’s blouse and inner garments, suggesting purity and lightness while helping brightly colored trims and effects stand out prominently during animations and portraits.
Anakiwa#7ED1FF
A cool sky-blue is used for Sparkle’s energy glows, magical skill effects, and small accessories, implying youthful vitality and technological sparkle while creating crisp contrast against warmer outfit trims and facial features.
Dandelion#FFD46A
Warm gold appears in Sparkle’s decorative trim, buttons, and weapon accents, symbolizing prestige and focus, adding a metallic sheen that separates ornamental details from base fabrics and complements both cool and warm tones.
Minsk#3E2A77
Deep regal purple anchors Sparkle’s coat panels and boots, giving visual weight and sophistication, balancing lighter pastels while hinting at mystery and depth in character design and silhouette during promotional art.
Sparkle 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sparkle’s palette for a perfectly balanced visual hierarchy.
Sparkle UI Component Preview
Here is a live example of how the Sparkle color palette looks when applied to a modern UI component.
Sparkle
Radiant Energy Duelist
“Sparkle! Time to light up the stage.”
Sparkle 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 Sparkle’s aesthetic.
- Main LED: 255, 107, 169
- Accent LED: 255, 248, 242
The Design Philosophy behind Sparkle’s Palette
Sparkle’s design philosophy leverages deliberate contrast and hierarchical color use to communicate personality and ability. The palette uses #FF6BA9 as an emotional anchor—energetic and playful—while #FFF8F2 provides a neutral fabric base that preserves legibility and softens transitions. Accents in #7ED1FF signal tech-like energy and skill effects, and metallic highlights in #FFD46A add prestige and focal points. Grounding elements in #3E2A77 create silhouette weight and balance. For designers and those searching for color codes or HEX palettes, this combination succeeds because it offers clear foreground/background separation, versatile contrast for UI components, and distinct accent hues that read well in both illustrations and interface elements.
Best Sparkle Color Combinations
Playful Glow Duo
Hot Pink and Anakiwa create an energetic foreground-versus-glow pairing ideal for buttons and ability effects, balancing warmth with crisp cool highlights.
Regal Contrast Accent
Deep Minsk purple with Dandelion gold offers a high-contrast, luxurious combination perfect for headers, badges, and decorative trim.
Explore More Honkai: Star Rail Character Color Codes
Download Sparkle Honkai Star Rail Color Palette
Sparkle .ASE Swatches
For Adobe Swatches & Procreate
Sparkle .SVG Palette
Vector Color Palette
Sparkle .PNG Image
High-Quality Palette Preview
FAQs about Sparkle Honkai Star Rail Color Codes
What is the HEX for Sparkle’s hair streaks?
Sparkle’s distinctive hair streaks use #FF6BA9 (Hot Pink).
Which HEX represents the main blouse fabric or base outfit color?
The blouse and inner garments are rendered in #FFF8F2 (Seashell Peach), balanced by darker panels like #3E2A77 for coats and boots.
What HEXs are used for magical glows and metallic accents?
Magical energy glows use #7ED1FF (Anakiwa), while decorative metallic trims and buttons use #FFD46A (Dandelion).
