March 7th — Honkai Star Rail Color Codes, Palette & HEX Guide

March 7th — Honkai Star Rail Color Codes, Palette & HEX Guide

March 7th is a cheerful, loyal android whose design blends innocence and tech charm. Her soft pastel hair and ribbon use #F6B6C6 (Illusion) while the uniform base relies on #FFFFFF (White) for clean synthetic clarity, and energy details pop with #47E3D7 (Turquoise). If you’re searching for March 7th color codes or exact HEX values for UI/character mockups, this palette provides a balanced mix of pastel warmth, neutral structure and vibrant accents—ideal for coherent character-driven interfaces and fan art color references.

Illusion
#F6B6C6
White
#FFFFFF
Shark
#1E1E23
Turquoise
#47E3D7
Bittersweet
#FF6B6B

March 7th Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Illusion #F6B6C6 246, 182, 198 0, 26, 20, 4
White #FFFFFF 255, 255, 255 0, 0, 0, 0
Shark #1E1E23 30, 30, 35 14, 14, 0, 86
Turquoise #47E3D7 71, 227, 215 69, 0, 5, 11
Bittersweet #FF6B6B 255, 107, 107 0, 58, 58, 0

March 7th CSS & Tailwind Color Variables

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

:root {
/* March 7th Honkai Star Rail Palette */
--march-7th-honkai-star-rail-illusion: #F6B6C6;
--march-7th-honkai-star-rail-white: #FFFFFF;
--march-7th-honkai-star-rail-shark: #1E1E23;
--march-7th-honkai-star-rail-turquoise: #47E3D7;
--march-7th-honkai-star-rail-bittersweet: #FF6B6B;
}

March 7th CSS Gradients

Beautiful gradient backgrounds inspired by March 7th’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Illusion to Turquoise#F6B6C6 → #47E3D7
Click to Copy CSS
Shark to Illusion#1E1E23 → #F6B6C6

March 7th Color Scheme Breakdown

Illusion#F6B6C6

A soft pastel pink used for March 7th’s hair and ribbon highlights, reinforcing her cute, doll-like android aesthetic while conveying innocence and warmth and playful subtext.

White#FFFFFF

Clean off-white used on her uniform base, frills and mechanical plating to suggest purity and synthetic design, creating visual balance between pastel tones and darker functional details and highlighting silhouette.

Shark#1E1E23

Deep charcoal almost black applied to the bodysuit, gloves and trim, grounding the palette with contrast, accentuating silhouette and implying durability and a tactical underlayer beneath her feminine motifs and function.

Turquoise#47E3D7

Bright cyan-teal used for eye glow, small energy effects and circuitry, signaling her technological nature, providing a crisp cool counterpoint to the warm pinks and emphasizing her android energy sources.

Bittersweet#FF6B6B

Saturated coral-red applied sparingly to accessory details like neck ribbon and insignia, serving as an eye-catching accent that communicates alertness and playful punctuations within the overall pastel and neutral scheme.

March 7th 60-30-10 Design Rule

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

60% Background
#FFFFFF
30% Primary
#1E1E23
10% Accent
#F6B6C6

Use White (#FFFFFF) for large background spaces, Shark (#1E1E23) for primary text and structural UI elements, and vibrant Illusion (#F6B6C6) exclusively for call-to-action buttons and important highlights.

March 7th UI Component Preview

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

March 7th

Doll-like Android

“I’ll keep you safe, always!”

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

  • Main LED: 246, 182, 198
  • Accent LED: 255, 255, 255

The Design Philosophy behind March 7th’s Palette

The design philosophy behind March 7th’s palette leverages contrast and narrative signaling: warm pastel tones like #F6B6C6 (Illusion) convey innocence and a doll-like persona, while #1E1E23 (Shark) anchors the silhouette as a tactical, mechanical underlayer. Bright cyan-teal #47E3D7 (Turquoise) reads as energy and circuitry, reinforcing her android origins, and #FF6B6B (Bittersweet) functions as a sparing alert accent for focal points. This combination succeeds because it balances emotional warmth with functional clarity—perfect for UI/UX systems that need readable contrast and memorable character-driven color codes for branding or in-game HUD elements.

Best March 7th Color Combinations

Soft & Structural

Pastel Illusion against deep Shark creates readable contrast that highlights form while preserving a delicate aesthetic.

Energy Accent

Turquoise energy details over a White base deliver crisp visibility for UI highlights and circuitry effects.

Download March 7th Honkai Star Rail Color Palette

ASE

March 7th .ASE Swatches

For Adobe Swatches & Procreate

SVG

March 7th .SVG Palette

Vector Color Palette

PNG

March 7th .PNG Image

High-Quality Palette Preview

FAQs about March 7th Honkai Star Rail Color Codes

What is the exact color of March 7th’s hair?

Her hair color is the soft pastel pink #F6B6C6 (Illusion).

What is the primary uniform or outfit base color?

The uniform base and mechanical plating use a clean off-white #FFFFFF (White).

Which color is used for energy glow or small accents?

Energy glows and circuitry employ a bright cyan-teal #47E3D7 (Turquoise), while accessory pops use #FF6B6B (Bittersweet).

Copied