Hu Tao Genshin Impact Color Codes & Palette (HEX) — Character UI Swatches

Hu Tao Genshin Impact Color Codes & Palette (HEX) — Character UI Swatches

Hu Tao is a mischievous, enigmatic Pyro protagonist whose visual design blends solemnity with playful danger. Her primary silhouette uses deep #2B2B2B (Mine Shaft) to anchor the look, while striking accents of #C23A3A (Mojo) signal Pyro energy and bold personality; softer touches like #E8D4B8 (Raffia) warm the outfit and humanize the character. For designers and UI artists searching for accurate color codes and palette references, Hu Tao’s scheme provides a clear, versatile HEX palette that balances contrast and thematic storytelling, ideal for fan art, UI skins, and character pages.

Mine Shaft
#2B2B2B
Buccaneer
#6B2A2A
Mojo
#C23A3A
Raffia
#E8D4B8
Spice
#6B3A2E

Hu Tao Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Mine Shaft #2B2B2B 43, 43, 43 0, 0, 0, 83
Buccaneer #6B2A2A 107, 42, 42 0, 61, 61, 58
Mojo #C23A3A 194, 58, 58 0, 70, 70, 24
Raffia #E8D4B8 232, 212, 184 0, 9, 21, 9
Spice #6B3A2E 107, 58, 46 0, 46, 57, 58

Hu Tao CSS & Tailwind Color Variables

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

:root {
/* Hu Tao Genshin Impact Palette */
--hu-tao-genshin-impact-mine-shaft: #2B2B2B;
--hu-tao-genshin-impact-buccaneer: #6B2A2A;
--hu-tao-genshin-impact-mojo: #C23A3A;
--hu-tao-genshin-impact-raffia: #E8D4B8;
--hu-tao-genshin-impact-spice: #6B3A2E;
}

Hu Tao CSS Gradients

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

Click to Copy CSS
Mine Shaft to Raffia#2B2B2B → #E8D4B8
Click to Copy CSS
Mojo to Mine Shaft#C23A3A → #2B2B2B

Hu Tao Color Scheme Breakdown

Mine Shaft#2B2B2B

This deep charcoal-black dominates Hu Tao’s funeral-director coat and hat, forming her signature silhouette; it conveys solemn professionalism and mischief, while making her warm Pyro accents stand out strongly.

Buccaneer#6B2A2A

This dark maroon appears across her outfit panels and ornamental details, echoing traditional attire and the Wangsheng Funeral Parlor theme; it suggests ritual seriousness, mortality symbolism, and restrained fiery passion.

Mojo#C23A3A

This vivid crimson-red shows in key trims and decorative accents tied to her Pyro identity; it reads as playful danger and bold confidence, visually linking her personality to fire, luck, and spirited energy.

Raffia#E8D4B8

This warm beige is seen in her shorts/inner fabric areas and subtle cloth elements, balancing the heavy dark outfit; it adds a human warmth that softens her spooky theme and keeps the palette grounded.

Spice#6B3A2E

This chestnut-brown matches her hair as the main natural tone framing her face; it communicates approachability and youth, providing an earthy counterpoint that complements the dark uniform and red Pyro highlights.

Hu Tao 60-30-10 Design Rule

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

60% Background
#E8D4B8
30% Primary
#6B2A2A
10% Accent
#2B2B2B

Use Raffia (#E8D4B8) for large background spaces, Buccaneer (#6B2A2A) for primary text and structural UI elements, and vibrant Mine Shaft (#2B2B2B) exclusively for call-to-action buttons and important highlights.

Hu Tao UI Component Preview

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

Hu Tao

Pyro Funeral Director

“I’m the 77th Director of the Wangsheng Funeral Parlor.”

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

  • Main LED: 43, 43, 43
  • Accent LED: 107, 42, 42

The Design Philosophy behind Hu Tao’s Palette

The design philosophy behind Hu Tao’s palette leverages contrast and cultural cues to translate narrative into visuals. The dominant #2B2B2B forms a funeral-director silhouette that reads solemn and authoritative, while mid-tones like #6B3A2E (Spice) ground her natural hair and youthfulness. Fiery accents such as #C23A3A (Mojo) and darker ceremonial maroon #6B2A2A (Buccaneer) reference Pyro affinities and ritualistic elements of the Wangsheng Funeral Parlor. Subtle neutrals like #E8D4B8 (Raffia) soften the composition and enable readable UI contrast. This combination succeeds because it maps story beats to visual hierarchy; designers reusing these HEX color codes get clear signals for primary, secondary, and accent roles in layouts and character art.

Best Hu Tao Color Combinations

Funeral Contrast Duo

High-contrast pairing where deep Mine Shaft (#2B2B2B) anchors layouts and Mojo (#C23A3A) provides bold Pyro highlights for buttons or alerts.

Warm Ritual Pair

Buccaneer (#6B2A2A) with Raffia (#E8D4B8) creates a ceremonial yet approachable palette ideal for backgrounds and readable text blocks.

Download Hu Tao Genshin Impact Color Palette

ASE

Hu Tao .ASE Swatches

For Adobe Swatches & Procreate

SVG

Hu Tao .SVG Palette

Vector Color Palette

PNG

Hu Tao .PNG Image

High-Quality Palette Preview

FAQs about Hu Tao Genshin Impact Color Codes

What is the HEX color for Hu Tao’s Pyro accent (flame/trims)?

The primary Pyro accent used in trims and decorative details is #C23A3A (Mojo).

What HEX codes represent Hu Tao’s main outfit and uniform color?

Her main funeral-director coat and hat are represented by #2B2B2B (Mine Shaft) with secondary uniform maroon #6B2A2A (Buccaneer).

Which HEX corresponds to Hu Tao’s softer cloth or inner fabric highlights?

The warm neutral inner fabric and shorts tone is #E8D4B8 (Raffia), used for balance and readable contrast.

Copied