Himeko — Honkai Star Rail Color Codes & Palette HEX Guide

Himeko — Honkai Star Rail Color Codes & Palette HEX Guide

Himeko is a bold, heat-driven character whose visuals read as confident and fiercely practical. The palette centers on Cinnabar #E74C3C (vivid tomato-red) and Well Read #B33A2E (deep desaturated crimson), balanced by metallic Old Gold #D4AF37 accents that punctuate hardware and insignia. For designers searching “Himeko color codes” or “Himeko palette HEX,” this combination provides immediate focal weight at the head and torso while offering clear contrast for readable UI elements. Understanding these exact HEX values helps recreate her presence cleanly in UI mockups, fan art, and branding work tied to Honkai Star Rail assets.

Cinnabar
#E74C3C
Well Read
#B33A2E
Cod Gray
#0B0B0B
Old Gold
#D4AF37
Pampas
#F5F3F1

Himeko Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Cinnabar #E74C3C 231, 76, 60 0, 67, 74, 9
Well Read #B33A2E 179, 58, 46 0, 68, 74, 30
Cod Gray #0B0B0B 11, 11, 11 0, 0, 0, 96
Old Gold #D4AF37 212, 175, 55 0, 17, 74, 17
Pampas #F5F3F1 245, 243, 241 0, 1, 2, 4

Himeko CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Himeko Honkai Star Rail Palette */
--himeko-honkai-star-rail-cinnabar: #E74C3C;
--himeko-honkai-star-rail-well-read: #B33A2E;
--himeko-honkai-star-rail-cod-gray: #0B0B0B;
--himeko-honkai-star-rail-old-gold: #D4AF37;
--himeko-honkai-star-rail-pampas: #F5F3F1;
}

Himeko CSS Gradients

Beautiful gradient backgrounds inspired by Himeko’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Cinnabar to Old Gold#E74C3C → #D4AF37
Click to Copy CSS
Cod Gray to Cinnabar#0B0B0B → #E74C3C

Himeko Color Scheme Breakdown

Cinnabar#E74C3C

A vivid tomato-red used for Himeko’s flowing hair and prominent trims on her coat, conveying warmth, fiery temperament, and visual emphasis on her head and upper-body silhouette within the character’s overall palette.

Well Read#B33A2E

A deep desaturated crimson applied to Himeko’s main coat and armor panels, grounding her outfit with mature intensity, heroic presence, and strong focal mass across torso and sleeves, reinforcing silhouette.

Cod Gray#0B0B0B

Nearly-black tone used for Himeko’s inner garments, boots, and belt hardware, providing high-contrast definition, dramatic depth and visual separation between ornaments and the saturated reds of her costume and grounding the composition.

Old Gold#D4AF37

Warm metallic gold seen on Himeko’s trim, buckles, and insignia, signifying nobility and heat-themed energy, accentuating costume edges while drawing the eye to focal points like shoulders and weapon motifs.

Pampas#F5F3F1

Soft off-white used for shirt panels, inner linings, and small highlights, creating visual relief from saturated colors while suggesting purity, practicality and readable separation of garment layers in the character design.

Himeko 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Himeko’s palette for a perfectly balanced visual hierarchy.

60% Background
#F5F3F1
30% Primary
#0B0B0B
10% Accent
#E74C3C

Use Pampas (#F5F3F1) for large background spaces, Cod Gray (#0B0B0B) for primary text and structural UI elements, and vibrant Cinnabar (#E74C3C) exclusively for call-to-action buttons and important highlights.

Himeko UI Component Preview

Here is a live example of how the Himeko color palette looks when applied to a modern UI component.

Himeko

Flame Tactician

“Let’s turn up the heat!”

Himeko 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 Himeko’s aesthetic.

  • Main LED: 231, 76, 60
  • Accent LED: 179, 58, 46

The Design Philosophy behind Himeko’s Palette

The design philosophy behind Himeko’s palette uses saturated warm reds to communicate heat, leadership, and kinetic energy, while darker neutrals and metallic highlights provide structure and narrative context. #E74C3C (Cinnabar) defines the energetic silhouette and hair, signaling aggression and warmth; #B33A2E (Well Read) anchors garments with mature weight and heroic presence; #0B0B0B (Cod Gray) offers dramatic separation for trims and hardware; #D4AF37 (Old Gold) delivers focal luster on buckles and insignia; and #F5F3F1 (Pampas) supplies readable relief for inner layers. This palette succeeds because it balances visual hierarchy, readable contrast, and thematic cohesion—critical considerations when searching for reliable character color codes and palette HEX references for UI/graphic implementation.

Best Himeko Color Combinations

Headliner Contrast

Cinnabar against Cod Gray creates high-contrast emphasis ideal for hero headers, icons, and call-to-action buttons in UI.

Regal Ember

Well Read paired with Old Gold gives a grounded, prestigious look perfect for badges, trims, and premium UI accents.

Download Himeko Honkai Star Rail Color Palette

ASE

Himeko .ASE Swatches

For Adobe Swatches & Procreate

SVG

Himeko .SVG Palette

Vector Color Palette

PNG

Himeko .PNG Image

High-Quality Palette Preview

FAQs about Himeko Honkai Star Rail Color Codes

What is Himeko’s hair color HEX?

Himeko’s hair is a vivid tomato-red with HEX #E74C3C (Cinnabar).

What is the main coat color or primary outfit HEX?

The main coat color is the deep desaturated crimson HEX #B33A2E (Well Read).

Which HEX codes are used for accents and readable highlights?

Accent and metallic highlights use #D4AF37 (Old Gold) and inner lining/readable relief uses #F5F3F1 (Pampas).

Copied