Herta from Honkai Star Rail is a blend of precocious brilliance and engineered elegance, expressed through a carefully tuned color system. Her design pairs soft lavender highlights like #CDB8FF (Melrose) with a near-white clinical trim #F6F5FF (Titan White) and punchy energy accents such as #FF6FA8 (Hot Pink), making these Herta color codes immediately useful for UI and palette work. The deep coat tone #2E0B3A (Valentino) grounds the silhouette while Old Gold #D4AF37 adds metallic focal points — a palette that reads both scientific and whimsical, ideal for UI skins, character art, and color-driven UX experiments searching for precise HEX guidance.
Herta Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Melrose | #CDB8FF | 205, 184, 255 | 20, 28, 0, 0 | |
| Valentino | #2E0B3A | 46, 11, 58 | 21, 81, 0, 77 | |
| Titan White | #F6F5FF | 246, 245, 255 | 4, 4, 0, 0 | |
| Old Gold | #D4AF37 | 212, 175, 55 | 0, 17, 74, 17 | |
| Hot Pink | #FF6FA8 | 255, 111, 168 | 0, 56, 34, 0 |
Herta CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Herta Honkai Star Rail Palette */
--herta-honkai-star-rail-melrose: #CDB8FF;
--herta-honkai-star-rail-valentino: #2E0B3A;
--herta-honkai-star-rail-titan-white: #F6F5FF;
--herta-honkai-star-rail-old-gold: #D4AF37;
--herta-honkai-star-rail-hot-pink: #FF6FA8;
}More Honkai: Star Rail Color Codes (Purple Palette)
Herta CSS Gradients
Beautiful gradient backgrounds inspired by Herta’s aesthetic. Click to copy the CSS code.
Herta Color Scheme Breakdown
Melrose#CDB8FF
A soft lavender used for Herta’s hair highlights and ribbon details, conveying her youthful, scientific aesthetic and mystical energy while contrasting darker outfit elements and reinforcing her ethereal design.
Valentino#2E0B3A
A deep, desaturated purple forming Herta’s coat and major outfit panels, providing strong silhouette contrast, grounding her luminous accents while emphasizing authority, mystery, and the dense industrial sci-fi atmosphere of her design.
Titan White#F6F5FF
A near-white used for dress trims, collar, and technological motifs, this crisp neutral highlights costume geometry, suggests lab-like cleanliness, and helps pop colorful accents across Herta’s ensemble and visual equipment.
Old Gold#D4AF37
A warm gold metallic tone applied to buckles, trims, insignia, and small technological insets, this color adds premium ornamentation, draws the eye to key costume joints, and signals authority and engineered sophistication.
Hot Pink#FF6FA8
A vivid magenta-pink used in glowing circuitry, accessory accents, and energy effects to convey Herta’s playful yet dangerous experimental nature, creating lively focal points against her muted outfit and pale hair.
Herta 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Herta’s palette for a perfectly balanced visual hierarchy.
Herta UI Component Preview
Here is a live example of how the Herta color palette looks when applied to a modern UI component.
Herta
Eccentric Inventor
“Science is my playground.”
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 Herta’s aesthetic.
- Main LED: 205, 184, 255
- Accent LED: 46, 11, 58
The Design Philosophy behind Herta’s Palette
The design philosophy behind Herta uses hierarchical color roles to translate narrative into visual language. A heavy, desaturated base like #2E0B3A (Valentino) provides industrial weight and mystery, anchoring the character in a sci‑fi setting; luminous accents #FF6FA8 (Hot Pink) and delicate highlights #CDB8FF (Melrose) read as circuitry and experimental energy, signaling volatility and youth. Clean neutrals such as #F6F5FF (Titan White) offer contrast for legibility and perceived lab‑grade precision, while #D4AF37 (Old Gold) marks interface affordances and ornamental status. This palette succeeds because it pairs accessibility (strong contrast and readable neutrals) with memorable accent HEX values, making it ideal for designers searching “Herta HEX codes” or “Honkai Star Rail palette” to create cohesive UI components, HUDs, and promotional graphics.
Best Herta Color Combinations
Lab Coat & Silhouette
Titan White and Valentino create crisp, readable contrast ideal for UI backgrounds with a strong character silhouette.
Circuit Pulse Accent
Hot Pink and Melrose pair bright energy with soft glow, perfect for glows, buttons, and microinteraction highlights.
Explore More Honkai: Star Rail Character Color Codes
Download Herta Honkai Star Rail Color Palette
Herta .ASE Swatches
For Adobe Swatches & Procreate
Herta .SVG Palette
Vector Color Palette
Herta .PNG Image
High-Quality Palette Preview
FAQs about Herta Honkai Star Rail Color Codes
What is the color code for Herta’s hair highlights?
Herta’s hair highlights use the soft lavender #CDB8FF (Melrose).
What is the main coat/outfit color in Herta’s palette?
The primary coat and major outfit panels use the deep desaturated purple #2E0B3A (Valentino).
Which HEX is used for Herta’s glowing circuitry and energy accents?
Herta’s glowing circuitry and vivid accents use the striking magenta #FF6FA8 (Hot Pink).
