Shikanoin Heizou (Genshin Impact) Color Codes Palette | HEX Guide

Shikanoin Heizou (Genshin Impact) Color Codes Palette | HEX Guide

Shikanoin Heizou’s visual identity blends urban practicality with subtle refinement, ideal for UI/UX designers seeking character-driven palettes and usable color codes. His hair and leather trims read as Spicy Mix (#7A5A3E), while the main jacket fabric anchors in Charade (#2B2F3A); inner layers soften the silhouette with Sorrell Brown (#C8B089). This HEX palette balances contrast and approachability, making it perfect for interface themes, portfolio showcases, or mood boards focused on detective-inspired aesthetics and color codes for game UI.

Spicy Mix
#7A5A3E
Charade
#2B2F3A
Sorrell Brown
#C8B089
Domino
#8E7A5B
London Hue
#B6A2B8

Shikanoin Heizou Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Spicy Mix #7A5A3E 122, 90, 62 0, 26, 49, 52
Charade #2B2F3A 43, 47, 58 26, 19, 0, 77
Sorrell Brown #C8B089 200, 176, 137 0, 12, 32, 22
Domino #8E7A5B 142, 122, 91 0, 14, 36, 44
London Hue #B6A2B8 182, 162, 184 1, 12, 0, 28

Shikanoin Heizou CSS & Tailwind Color Variables

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

:root {
/* Shikanoin Heizou Genshin Impact Palette */
--shikanoin-heizou-genshin-impact-spicy-mix: #7A5A3E;
--shikanoin-heizou-genshin-impact-charade: #2B2F3A;
--shikanoin-heizou-genshin-impact-sorrell-brown: #C8B089;
--shikanoin-heizou-genshin-impact-domino: #8E7A5B;
--shikanoin-heizou-genshin-impact-london-hue: #B6A2B8;
}

More Genshin Impact Color Codes (Brown Palette)

Shikanoin Heizou CSS Gradients

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

Click to Copy CSS
Spicy Mix to Domino#7A5A3E → #8E7A5B
Click to Copy CSS
Sorrell Brown to Spicy Mix#C8B089 → #7A5A3E

Shikanoin Heizou Color Scheme Breakdown

Spicy Mix#7A5A3E

This warm medium brown appears across Heizou’s short hair and some leather-like trims, grounding his detective look and projecting a pragmatic, streetwise, Inazuman-casual vibe rather than overtly ceremonial elegance.

Charade#2B2F3A

A deep charcoal navy shows on his main jacket fabric and darker clothing panels, giving strong contrast to his skin and highlights, reinforcing a disciplined Tenryou Commission silhouette with modern, understated edge.

Sorrell Brown#C8B089

This light tan-beige is prominent on his inner layers and outfit accents, reading as natural cloth or lining, softening the overall contrast and supporting his approachable, observant persona despite official affiliation.

Domino#8E7A5B

A muted khaki-brown sits on secondary garments and seams, acting as a transition between dark outerwear and pale fabric, suggesting practical wear and travel-ready utility typical of an active investigator.

London Hue#B6A2B8

A dusty lavender-grey appears in selected scarf-like and ornamental details, echoing Inazuma’s refined palette and adding subtle flair, balancing his earthy tones with a hint of elegant, cultured restraint.

Shikanoin Heizou 60-30-10 Design Rule

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

60% Background
#C8B089
30% Primary
#2B2F3A
10% Accent
#7A5A3E

Use Sorrell Brown (#C8B089) for large background spaces, Charade (#2B2F3A) for primary text and structural UI elements, and vibrant Spicy Mix (#7A5A3E) exclusively for call-to-action buttons and important highlights.

Shikanoin Heizou UI Component Preview

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

Shikanoin Heizou

Anemo Detective

“Trust your instincts — the trail always tells a story.”

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

  • Main LED: 122, 90, 62
  • Accent LED: 43, 47, 58

The Design Philosophy behind Shikanoin Heizou’s Palette

The design philosophy behind Heizou’s palette is narrative-driven utility: developers use earthy midtones and deep neutrals to reflect a grounded investigator who operates on intuition rather than ceremony. Charade (#2B2F3A) supplies the disciplined, legible base for silhouettes and high-contrast UI elements, while Spicy Mix (#7A5A3E) and Domino (#8E7A5B) provide warm, streetwise accents that read well on both textured art and flat interfaces. Lighter Sorrell Brown (#C8B089) and London Hue (#B6A2B8) introduce approachable highlights and ornamental nuance, enabling clean hierarchy in layouts—an effective HEX palette strategy for readable, personality-rich design systems and color codes implementation.

Best Shikanoin Heizou Color Combinations

Streetwise Contrast

A warm medium brown (#7A5A3E) against deep charcoal navy (#2B2F3A) gives strong legibility and a grounded detective mood ideal for headers and navigation.

Soft Accent Harmony

A pale tan (#C8B089) paired with dusty lavender-grey (#B6A2B8) creates gentle contrast for cards, badges, and subtle highlights without overwhelming primary content.

Download Shikanoin Heizou Genshin Impact Color Palette

ASE

Shikanoin Heizou .ASE Swatches

For Adobe Swatches & Procreate

SVG

Shikanoin Heizou .SVG Palette

Vector Color Palette

PNG

Shikanoin Heizou .PNG Image

High-Quality Palette Preview

FAQs about Shikanoin Heizou Genshin Impact Color Codes

What is the HEX color of Heizou’s hair and leather trims?

Heizou’s hair and leather-like trims use Spicy Mix with HEX #7A5A3E.

Which color is used for Heizou’s main jacket and primary outfit panels?

The main jacket fabric and darker panels are Charade with HEX #2B2F3A.

Which HEX values represent Heizou’s lighter inner layers or ornamental accents?

Lighter inner layers use Sorrell Brown #C8B089 and secondary accents include Domino #8E7A5B and London Hue #B6A2B8.

Copied