The Herta is a whimsical, enigmatic alchemist in Honkai Star Rail whose visual identity hinges on a thoughtful, research-driven palette. Her design leans on soft lavender Heliotrope #A78BFF, deep structural Valhalla #2E1B4A, and luminous Whisper #F4F3F8 to balance mystery with clarity. These HEX color choices make her instantly recognizable and highly usable for UI/UX designers searching for character-driven color codes; they translate well into accessible palettes, iconography, and thematic UI treatments while preserving narrative intent and visual hierarchy.
The Herta Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Heliotrope | #A78BFF | 167, 139, 255 | 35, 45, 0, 0 | |
| Valhalla | #2E1B4A | 46, 27, 74 | 38, 64, 0, 71 | |
| Whisper | #F4F3F8 | 244, 243, 248 | 2, 2, 0, 3 | |
| Golden Tainoi | #FFD166 | 255, 209, 102 | 0, 18, 60, 0 | |
| Carnation Pink | #FF9EC9 | 255, 158, 201 | 0, 38, 21, 0 |
The Herta CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* The Herta Honkai Star Rail Palette */
--the-herta-honkai-star-rail-heliotrope: #A78BFF;
--the-herta-honkai-star-rail-valhalla: #2E1B4A;
--the-herta-honkai-star-rail-whisper: #F4F3F8;
--the-herta-honkai-star-rail-golden-tainoi: #FFD166;
--the-herta-honkai-star-rail-carnation-pink: #FF9EC9;
}More Honkai: Star Rail Character Color Palettes Color Codes (Purple Palette)
The Herta CSS Gradients
Beautiful gradient backgrounds inspired by The Herta’s aesthetic. Click to copy the CSS code.
The Herta Color Scheme Breakdown
Heliotrope#A78BFF
This soft lavender-purple dominates Herta’s main outfit and hair highlights, appearing across her coat panels and magical effects to convey whimsical intellect and otherworldly, alchemical aesthetic central to her character design.
Valhalla#2E1B4A
A deep indigo-purple used for shadows, trim and structural accents on Herta’s ensemble and accessories, providing visual weight, contrast and a mysterious, authoritative undertone that complements her experimental scientist persona.
Whisper#F4F3F8
A near-white with cool lavender tint applied to hair base, garment panels and trim, giving luminous clarity and purity to Herta’s silhouette while enhancing the contrast of richer purples and metallic accents.
Golden Tainoi#FFD166
Warm golden-yellow highlights appear as ornamental buckles, small mechanical nodes and minor trim, injecting energetic warmth and alchemical motif references that punctuate Herta’s palette and draw attention to functional costume details.
Carnation Pink#FF9EC9
A soft bubblegum-pink used sparingly for eye color, ribbon accents and inner linings, offering a playful, youthful counterpoint to heavier purples while signaling Herta’s quirky, approachable temperament and narrative charm.
The Herta 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using The Herta’s palette for a perfectly balanced visual hierarchy.
The Herta UI Component Preview
Here is a live example of how the The Herta color palette looks when applied to a modern UI component.
The Herta
Alchemical Scientist
“Let’s test that hypothesis.”
The Herta 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 The Herta’s aesthetic.
- Main LED: 167, 139, 255
- Accent LED: 46, 27, 74
The Design Philosophy behind The Herta’s Palette
Herta’s color philosophy uses contrast and thematic accents to illustrate personality and lore: Heliotrope (#A78BFF) conveys her alchemical brilliance and otherworldly intellect, while Valhalla (#2E1B4A) grounds her with shadowed authoritative notes for trim and structural elements. Whisper (#F4F3F8) provides luminous clarity that enhances legibility and silhouette, and small highlights like Golden Tainoi (#FFD166) and Carnation Pink (#FF9EC9) punctuate functional details and emotional warmth. For UI/UX and color codes research, this palette demonstrates how a primary mid-tone, a dark anchor, a neutral light, and bright accents form a versatile system that reads well across states, accessibility contrasts, and component hierarchies.
Best The Herta Color Combinations
Alchemical Core
Heliotrope paired with Whisper creates a soft, readable primary/neutral duo ideal for character panels and subtle backgrounds.
Mystic Contrast
Heliotrope against Valhalla yields high visual contrast suitable for call-to-actions, icons, and emphasis elements.
Explore More Honkai: Star Rail Character Color Palettes Character Color Codes
Download The Herta Honkai Star Rail Color Palette
The Herta .ASE Swatches
For Adobe Swatches & Procreate
The Herta .SVG Palette
Vector Color Palette
The Herta .PNG Image
High-Quality Palette Preview
FAQs about The Herta Honkai Star Rail Color Codes
What is the primary hair highlight color for The Herta?
The Herta’s hair highlights and many outfit panels use Heliotrope — #A78BFF.
Which color anchors her outfit and adds structural contrast?
Deep indigo Valhalla — #2E1B4A — is used for shadows, trims and structural accents.
What are the accent colors used for ornaments and playful details?
Warm ornamental highlights use Golden Tainoi #FFD166 and playful accents use Carnation Pink #FF9EC9.
