• Home
  • /
  • Anime
  • /
  • Demon Slayer
  • /
  • Inosuke Hashibira Color Codes & HEX Palette – Demon Slayer UI/UX Design Reference

Inosuke Hashibira Color Codes & HEX Palette – Demon Slayer UI/UX Design Reference

Inosuke Hashibira Color Codes & HEX Palette – Demon Slayer UI/UX Design Reference

Inosuke Hashibira is the untamed, boar-masked warrior of Demon Slayer whose feral upbringing forged a fighter driven by pure instinct and relentless aggression. His character design translates that wild spirit into a tightly controlled palette of cool blues and warm earth tones. The iconic boar mask rendered in #6B8BA4 Bermuda Gray anchors his silhouette, while deep #1C2B4A Cloud Burst hair reveals the gentle soul hidden beneath the beast. Meanwhile, #C8956C Antique Brass grounds his look with raw, primal warmth. For UI and graphic designers hunting exact Inosuke Hashibira color codes, this five-color HEX palette captures every nuance of his Beast Breathing aesthetic.

Bermuda Gray
#6B8BA4
Cloud Burst
#1C2B4A
Chambray
#2E4B7A
Antique Brass
#C8956C
Polo Blue
#8FB8D0

Inosuke Hashibira Demon Slayer Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Bermuda Gray #6B8BA4 107, 139, 164 35, 15, 0, 36
Cloud Burst #1C2B4A 28, 43, 74 62, 42, 0, 71
Chambray #2E4B7A 46, 75, 122 62, 39, 0, 52
Antique Brass #C8956C 200, 149, 108 0, 25, 46, 22
Polo Blue #8FB8D0 143, 184, 208 31, 12, 0, 18

Inosuke Hashibira CSS & Tailwind Color Variables

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

:root {
/* Inosuke Hashibira Demon Slayer Palette */
--inosuke-hashibira-demon-slayer-bermuda-gray: #6B8BA4;
--inosuke-hashibira-demon-slayer-cloud-burst: #1C2B4A;
--inosuke-hashibira-demon-slayer-chambray: #2E4B7A;
--inosuke-hashibira-demon-slayer-antique-brass: #C8956C;
--inosuke-hashibira-demon-slayer-polo-blue: #8FB8D0;
}

Inosuke Hashibira CSS Gradients

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

Click to Copy CSS
Bermuda Gray to Antique Brass#6B8BA4 → #C8956C
Click to Copy CSS
Chambray to Bermuda Gray#2E4B7A → #6B8BA4

Inosuke Hashibira Color Scheme Breakdown

Bermuda Gray#6B8BA4

This muted grey-blue defines Inosuke’s iconic boar head mask, symbolizing his wild feral upbringing in the mountains and his refusal to conform to human societal norms.

Cloud Burst#1C2B4A

This deep navy blue colors Inosuke’s long flowing hair beneath the mask, representing his hidden gentle nature and contrasting sharply with his aggressive beast-like exterior.

Chambray#2E4B7A

This rich indigo shades Inosuke’s baggy hakama-style pants, grounding his silhouette with a calm warrior tone while emphasizing his agility during Beast Breathing combat stances.

Antique Brass#C8956C

This warm tan appears on the bear-fur wrap around his waist and exposed skin, evoking his primal connection to nature and survival instincts forged in the wilderness.

Polo Blue#8FB8D0

This pale steel-blue tints Inosuke’s dual jagged sword blades, channeling the sharp piercing energy of his Beast Breathing techniques and his relentless offensive fighting spirit.

Inosuke Hashibira 60-30-10 Design Rule

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

60% Background
#8FB8D0
30% Primary
#1C2B4A
10% Accent
#6B8BA4

Use Polo Blue (#8FB8D0) for large background spaces, Cloud Burst (#1C2B4A) for primary text and structural UI elements, and vibrant Bermuda Gray (#6B8BA4) exclusively for call-to-action buttons and important highlights.

Inosuke Hashibira UI Component Preview

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

Inosuke Hashibira

Feral Beast Swordsman

“PIG ASSAULT! I am the great Inosuke-sama, and I will never lose to anyone!”

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

  • Main LED: 107, 139, 164
  • Accent LED: 28, 43, 74

The Design Philosophy behind Inosuke Hashibira’s Palette

The Demon Slayer art team built Inosuke’s palette around a deliberate tension between cold ferocity and warm vulnerability. Dominant blue tones—#6B8BA4 Bermuda Gray on the mask, #2E4B7A Chambray on his hakama, and #8FB8D0 Polo Blue on his jagged blades—create a cohesive cool spectrum that mirrors his aggressive, single-minded Beast Breathing combat style. Against this icy foundation, #C8956C Antique Brass introduces organic warmth through his fur wrap and exposed skin, reminding viewers of his mountain-raised humanity. The near-black depth of #1C2B4A Cloud Burst hair adds mystery and emotional contrast. This cool-dominant, warm-accent structure gives designers a proven color-code framework: use analogous blues for energy and a single warm tone for approachability, ensuring high visual hierarchy without sacrificing character depth.

Best Inosuke Hashibira Color Combinations

Feral Frost Contrast

Pairing the near-black Cloud Burst with pale Polo Blue creates a dramatic value contrast ideal for UI headers, hero banners, and dark-mode interfaces where readability and visual punch are essential.

Wild Earth Balance

The muted Bermuda Gray and warm Antique Brass form a complementary cool-warm duo that balances aggression with organic approachability, perfect for branding accents and call-to-action buttons.

Download Inosuke Hashibira Demon Slayer Color Palette

ASE

Inosuke Hashibira .ASE Swatches

For Adobe Swatches & Procreate

SVG

Inosuke Hashibira .SVG Palette

Vector Color Palette

PNG

Inosuke Hashibira .PNG Image

High-Quality Palette Preview

FAQs about Inosuke Hashibira Demon Slayer Color Codes

What is the exact HEX color code for Inosuke Hashibira’s boar head mask?

Inosuke’s iconic boar mask uses the color #6B8BA4, known as Bermuda Gray. This muted grey-blue HEX code captures the weathered, feral texture of the mask and is the most recognizable single color in his Demon Slayer design.

What colors make up Inosuke’s main outfit and hakama pants?

His baggy hakama-style pants are rendered in #2E4B7A Chambray, a rich indigo that grounds his warrior silhouette. Combined with the deep #1C2B4A Cloud Burst of his long hair, the outfit palette stays firmly in the cool blue family to emphasize his Beast Breathing combat identity.

Which accent color represents Inosuke’s primal, nature-connected side?

The warm tan #C8956C Antique Brass appears on his bear-fur waist wrap and exposed skin, serving as the sole warm accent in an otherwise cool palette. Designers can use this HEX code to add organic, earthy contrast against blue-dominant UI schemes.

Copied