Diluc Genshin Impact Color Codes Palette — HEX Guide for UI Design

Diluc Genshin Impact Color Codes Palette — HEX Guide for UI Design

Diluc is a brooding aristocrat and Pyro wielder whose visual identity blends noble restraint with incendiary resolve. His palette centers on deep crimson #8B1F2B (Old Brick) for hair and emblematic accents, near-black #1E1A1B (Eerie Black) as the core neutral, and muted gold #C9A24C (Roti) for trim—color codes that designers search when recreating character-driven UIs or branding. This combination balances contrast and warmth, making Diluc instantly recognizable while giving UI/UX designers a clear HEX-based roadmap for mood, hierarchy, and accessibility in game or fan interfaces.

Old Brick
#8B1F2B
Eerie Black
#1E1A1B
Pampas
#F2F0EB
Roti
#C9A24C
Spice
#6B3E2E

Diluc Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Old Brick#8B1F2B139, 31, 430, 78, 69, 45
Eerie Black#1E1A1B30, 26, 270, 13, 10, 88
Pampas#F2F0EB242, 240, 2350, 1, 3, 5
Roti#C9A24C201, 162, 760, 19, 62, 21
Spice#6B3E2E107, 62, 460, 42, 57, 58

Diluc CSS & Tailwind Color Variables

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

:root {
/* Diluc Genshin Impact Palette */
--diluc-genshin-impact-old-brick: #8B1F2B;
--diluc-genshin-impact-eerie-black: #1E1A1B;
--diluc-genshin-impact-pampas: #F2F0EB;
--diluc-genshin-impact-roti: #C9A24C;
--diluc-genshin-impact-spice: #6B3E2E;
}

Diluc CSS Gradients

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

Click to Copy CSS
Old Brick to Roti#8B1F2B → #C9A24C
Click to Copy CSS
Pampas to Old Brick#F2F0EB → #8B1F2B

Diluc Color Scheme Breakdown

Old Brick#8B1F2B

Deep crimson dominates Diluc’s long hair and key cloth accents, defining his iconic silhouette. It communicates intense resolve, aristocratic lineage, and the Pyro-aligned, vengeance-driven identity he carries in combat.

Eerie Black#1E1A1B

Near-black appears across his coat, gloves, and overall outfit structure, forming the main neutral base. It conveys a nocturnal vigilante mood, restraint, and the serious, disciplined persona behind his nobility.

Pampas#F2F0EB

Off-white is used on his shirt and inner garment panels, creating clean contrast against the dark coat. It suggests refinement and formality, reinforcing his ‘gentleman’ presentation despite harsh Pyro power.

Roti#C9A24C

Muted gold highlights appear in trim, buttons, and decorative motifs on his attire. This color reads as wealth and heritage from Mondstadt’s elite, while adding heroic warmth to an otherwise shadowy palette.

Spice#6B3E2E

Warm brown leather tones show on belts, straps, and accessory pieces, grounding the costume with practical material realism. It conveys craftsmanship and readiness, balancing elegance with a hardened, field-ready demeanor.

Diluc 60-30-10 Design Rule

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

60% Background
#F2F0EB
30% Primary
#1E1A1B
10% Accent
#8B1F2B

Use Pampas (#F2F0EB) for large background spaces, Eerie Black (#1E1A1B) for primary text and structural UI elements, and vibrant Old Brick (#8B1F2B) exclusively for call-to-action buttons and important highlights.

Diluc UI Component Preview

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

Diluc

Vengeful Pyro Noble

“I won’t stand by when Mondstadt needs me.”

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

  • Main LED: 139, 31, 43
  • Accent LED: 30, 26, 27

The Design Philosophy behind Diluc’s Palette

The design philosophy behind Diluc’s palette uses a small, disciplined set of hues to communicate story and function. #8B1F2B (Old Brick) signals Pyro power and personal vendetta, while #1E1A1B (Eerie Black) grounds the silhouette in a vigilante night aesthetic; #F2F0EB (Pampas) provides refined contrast for readable surfaces, and #C9A24C (Roti) gives aristocratic highlights that guide visual attention. Earthy #6B3E2E (Spice) supplies tactile leather realism for straps and accessories. For UI/UX and color codes research, this is a textbook example of using HEX-driven contrast, accent hierarchy, and material storytelling to align aesthetics with character lore and gameplay role.

Best Diluc Color Combinations

Crimson & Night Anchor

High-contrast focal pair: deep crimson pops against near-black for hero headers, CTA emphasis, and dramatic overlays.

Gold Accent Harmony

Muted gold with off-white creates readable, elegant UI elements—ideal for badges, borders, and information panels.

Download Diluc Genshin Impact Color Palette

ASE

Diluc .ASE Swatches

For Adobe Swatches & Procreate

SVG

Diluc .SVG Palette

Vector Color Palette

PNG

Diluc .PNG Image

High-Quality Palette Preview

FAQs about Diluc Genshin Impact Color Codes

What is the HEX for Diluc’s hair/fire tone?

Diluc’s signature deep crimson hair and primary Pyro accent is #8B1F2B (Old Brick).

What is the main outfit or neutral color in Diluc’s palette?

The primary neutral used across his coat and structure is near-black #1E1A1B (Eerie Black).

Which HEX represents Diluc’s trim and decorative highlights?

Decorative gold trim and highlights use the muted gold #C9A24C (Roti), with leather accents in #6B3E2E (Spice) and off-white panels at #F2F0EB (Pampas).

Copied