Hyacine presents a refined, aristocratic aesthetic where soft pastels meet deep nocturnal tones. Her design balances Mauve (#C9A3FF) in hair midtones and trims with the regal Blueberry (#7A4DFF) on coat panels, while Turquoise Blue (#5EE8D9) delivers cool accent energy in tips and skill particles. This curated set of Hyacine color codes and HEX values is ideal for UI/UX designers and fan artists searching for faithful palette references and practical HEX guidance to recreate her composed, otherworldly look.
Hyacine Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mauve | #C9A3FF | 201, 163, 255 | 21, 36, 0, 0 | |
| Blueberry | #7A4DFF | 122, 77, 255 | 52, 70, 0, 0 | |
| Port Gore | #3A2150 | 58, 33, 80 | 28, 59, 0, 69 | |
| Turquoise Blue | #5EE8D9 | 94, 232, 217 | 59, 0, 6, 9 | |
| Soapstone | #FFF9F6 | 255, 249, 246 | 0, 2, 4, 0 |
Hyacine CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Hyacine Honkai Star Rail Palette */
--hyacine-honkai-star-rail-mauve: #C9A3FF;
--hyacine-honkai-star-rail-blueberry: #7A4DFF;
--hyacine-honkai-star-rail-port-gore: #3A2150;
--hyacine-honkai-star-rail-turquoise-blue: #5EE8D9;
--hyacine-honkai-star-rail-soapstone: #FFF9F6;
}More Honkai: Star Rail Color Codes (Purple Palette)
Hyacine CSS Gradients
Beautiful gradient backgrounds inspired by Hyacine’s aesthetic. Click to copy the CSS code.
Hyacine Color Scheme Breakdown
Mauve#C9A3FF
Appears primarily in Hyacine’s hair midtones and fabric trims, conveying her soft, ethereal presence and delicate magical aura that balances youthful elegance with otherworldly refinement across portraits and in-game models.
Blueberry#7A4DFF
Used on her coat panels, accessory highlights, and skill effects to emphasize a richer, regal violet that suggests power, mystery, and the character’s core visual identity during animations and splash art.
Port Gore#3A2150
Found in trim lines, boots, and inner costume shadows, this deep purple provides contrast and structure, grounding the palette with a nocturnal, sophisticated tone that reinforces Hyacine’s composed and enigmatic silhouette.
Turquoise Blue#5EE8D9
Appears in hair tips, eye hues, and luminous skill particles to introduce a cool aqua accent that signals ethereal energy, technological motifs, and a refreshing counterpoint to the dominant purples in her design.
Soapstone#FFF9F6
Used for main garment base, collars, and subtle fabrics, this warm off-white grounds brighter tones while conveying purity, refinement, and a clinical, crystalline aesthetic often associated with Hyacine’s pristine, aristocratic styling.
Hyacine 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Hyacine’s palette for a perfectly balanced visual hierarchy.
Hyacine UI Component Preview
Here is a live example of how the Hyacine color palette looks when applied to a modern UI component.
Hyacine
Ethereal Cryo Mage
“Silence is not absence — it is the clearest kind of voice.”
Hyacine 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 Hyacine’s aesthetic.
- Main LED: 201, 163, 255
- Accent LED: 122, 77, 255
The Design Philosophy behind Hyacine’s Palette
The design philosophy behind Hyacine’s palette leverages contrast and accent to narrate personality and power. Warm off-white Soapstone (#FFF9F6) reads as clinical refinement and aristocratic poise, while Port Gore (#3A2150) provides structural depth and silhouette definition. Midtones like Mauve (#C9A3FF) establish a delicate, ethereal presence, and Blueberry (#7A4DFF) signals authority and magical intensity; Turquoise Blue (#5EE8D9) functions as an energetic highlight that implies arcane or technological effects. For designers referencing color codes and HEX values, this combination yields strong readability, emotional layering, and versatile UI application across light and dark backgrounds.
Best Hyacine Color Combinations
Ethereal Accent
Mauve and Turquoise Blue pair as soft base plus bright accent to create airy, luminous highlights in UI elements and illustrations.
Regal Grounding
Blueberry with Port Gore offers a strong primary/secondary duo that balances vibrancy with deep contrast for buttons and navigation bars.
Explore More Honkai: Star Rail Character Color Codes
Download Hyacine Honkai Star Rail Color Palette
Hyacine .ASE Swatches
For Adobe Swatches & Procreate
Hyacine .SVG Palette
Vector Color Palette
Hyacine .PNG Image
High-Quality Palette Preview
FAQs about Hyacine Honkai Star Rail Color Codes
What is the primary hair color HEX for Hyacine?
Hyacine’s hair midtones are represented by Mauve #C9A3FF.
What is the main garment base or outfit HEX?
The main garment base and collars use Soapstone #FFF9F6 for a warm off-white foundation.
Which HEX is used for accents and skill particles?
Turquoise Blue #5EE8D9 is used for luminous tips and skill particle accents, while Blueberry #7A4DFF provides richer accessory highlights.
