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;
}

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