Dehya (Genshin Impact) Color Codes, Palette & HEX Guide for Designers

Dehya (Genshin Impact) Color Codes, Palette & HEX Guide for Designers

Dehya’s visual identity is a masterclass in purposeful warmth and desert grit. Her dominant hair tone Piper (#D0672B) reads as raw Pyro energy, while the leather and armor accents in Mule Fawn (#8B3A2A) and near-black Cocoa Brown (#2B1C1A) ground the design in practicality. For designers searching for Dehya color codes or a faithful Dehya palette using exact HEX codes, this guide decodes how those choices shape her presence, from silhouette clarity to tactile materials, and how to apply them in UI/UX or fan art with accurate HEX references.

Piper
#D0672B
Mule Fawn
#8B3A2A
Cocoa Brown
#2B1C1A
Sundance
#D2B06A
Bone
#E6D2C4

Dehya Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Piper#D0672B208, 103, 430, 50, 79, 18
Mule Fawn#8B3A2A139, 58, 420, 58, 70, 45
Cocoa Brown#2B1C1A43, 28, 260, 35, 40, 83
Sundance#D2B06A210, 176, 1060, 16, 50, 18
Bone#E6D2C4230, 210, 1960, 9, 15, 10

Dehya CSS & Tailwind Color Variables

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

:root {
/* Dehya Genshin Impact Palette */
--dehya-genshin-impact-piper: #D0672B;
--dehya-genshin-impact-mule-fawn: #8B3A2A;
--dehya-genshin-impact-cocoa-brown: #2B1C1A;
--dehya-genshin-impact-sundance: #D2B06A;
--dehya-genshin-impact-bone: #E6D2C4;
}

Dehya CSS Gradients

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

Click to Copy CSS
Piper to Sundance#D0672B → #D2B06A
Click to Copy CSS
Cocoa Brown to Piper#2B1C1A → #D0672B

Dehya Color Scheme Breakdown

Piper#D0672B

This warm orange dominates Dehya’s long hair and flame-themed visual identity, echoing her Pyro element; it communicates heat, aggression, and her “Flame-Mane” mercenary presence.

Mule Fawn#8B3A2A

This deep reddish-brown appears across leather armor panels, straps, and layered fabric pieces, grounding her fiery palette and suggesting toughness, desert practicality, and combat-worn durability.

Cocoa Brown#2B1C1A

This near-black is used on underlayers, bodysuit sections, gloves, and accessories; it adds contrast that sharpens her silhouette and conveys a hardened, no-nonsense fighter vibe.

Sundance#D2B06A

This muted gold shows on metallic trims, ornaments, and decorative details; it signals prestige and desert opulence while visually linking her accessories to Sumeru’s warm, sand-toned aesthetics.

Bone#E6D2C4

This pale beige appears in lighter fabric accents and skin-adjacent costume areas, balancing the intense warm hues and giving the design breathing room while keeping a sunlit, desert feel.

Dehya 60-30-10 Design Rule

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

60% Background
#E6D2C4
30% Primary
#2B1C1A
10% Accent
#D0672B

Use Bone (#E6D2C4) for large background spaces, Cocoa Brown (#2B1C1A) for primary text and structural UI elements, and vibrant Piper (#D0672B) exclusively for call-to-action buttons and important highlights.

Dehya UI Component Preview

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

Dehya

Flame Mercenary

“Stand back — I’ve got this.”

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

  • Main LED: 208, 103, 43
  • Accent LED: 139, 58, 42

The Design Philosophy behind Dehya’s Palette

Dehya’s palette balances aggressive warmth with rugged stability to reflect her backstory and combat role. The bright Piper (#D0672B) signals Pyro power and draws focal attention, while Mule Fawn (#8B3A2A) and Cocoa Brown (#2B1C1A) provide mid- and low-tone anchors that suggest leather armor and survival-ready gear. Sundance (#D2B06A) introduces metallic highlights to imply ornamentation and desert opulence, and Bone (#E6D2C4) offers understated light areas for breathing room. From a design philosophy perspective, this curated set of HEX codes creates hierarchies of emphasis and contrast—ideal for character-driven UI elements, HUD accents, and mood boards where accurate Dehya color codes matter to preserve narrative consistency.

Best Dehya Color Combinations

Flame & Leather

Use bright Piper (#D0672B) against Mule Fawn (#8B3A2A) for high-impact call-to-action elements that still feel grounded and combat-ready.

Trim on Shadow

Sundance (#D2B06A) metallic accents pop cleanly on Cocoa Brown (#2B1C1A) backgrounds, ideal for decorative UI borders and iconography.

Download Dehya Genshin Impact Color Palette

ASE

Dehya .ASE Swatches

For Adobe Swatches & Procreate

SVG

Dehya .SVG Palette

Vector Color Palette

PNG

Dehya .PNG Image

High-Quality Palette Preview

FAQs about Dehya Genshin Impact Color Codes

What is Dehya’s hair color HEX code?

Dehya’s hair (Pyro flame tone) uses Piper HEX #D0672B.

Which HEX represents her main outfit/leather armor?

The primary leather and fabric tones are Mule Fawn HEX #8B3A2A.

What HEXs are used for metallic trims or light accents?

Metallic trims use Sundance HEX #D2B06A and lighter fabric accents use Bone HEX #E6D2C4.

Copied