Sabito Demon Slayer Color Codes: Complete Palette, HEX Values & Design Guide

Sabito Demon Slayer Color Codes: Complete Palette, HEX Values & Design Guide

Sabito is the spectral swordsman who haunts Tanjiro’s training arc in Demon Slayer, embodying unwavering resolve wrapped in quiet sorrow. His color palette leans into soft, ethereal pinks contrasted by a single grounding dark tone, making every Sabito color code instantly recognizable. The muted salmon of Japonica (#D4726A) captures his tousled hair and gentle determination, while Dawn Pink (#F5F0E8) gives his iconic kitsune mask a luminous, otherworldly glow. Anchoring the palette, Plantation (#2B4B4B) adds the weight of duty to his Demon Slayer Corps uniform. Together, these HEX codes form a cohesive palette that designers can reference for spiritual, nostalgic, or bittersweet UI themes.

Japonica
#D4726A
Dawn Pink
#F5F0E8
Tonys Pink
#E89B94
Plantation
#2B4B4B
Azalea
#FADCD9

Sabito Demon Slayer Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Japonica #D4726A 212, 114, 106 0, 46, 50, 17
Dawn Pink #F5F0E8 245, 240, 232 0, 2, 5, 4
Tonys Pink #E89B94 232, 155, 148 0, 33, 36, 9
Plantation #2B4B4B 43, 75, 75 43, 0, 0, 71
Azalea #FADCD9 250, 220, 217 0, 12, 13, 2

Sabito CSS & Tailwind Color Variables

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

:root {
/* Sabito Demon Slayer Palette */
--sabito-demon-slayer-japonica: #D4726A;
--sabito-demon-slayer-dawn-pink: #F5F0E8;
--sabito-demon-slayer-tonys-pink: #E89B94;
--sabito-demon-slayer-plantation: #2B4B4B;
--sabito-demon-slayer-azalea: #FADCD9;
}

Sabito CSS Gradients

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

Click to Copy CSS
Japonica to Plantation#D4726A → #2B4B4B
Click to Copy CSS
Tonys Pink to Japonica#E89B94 → #D4726A

Sabito Color Scheme Breakdown

Japonica#D4726A

This muted salmon-pink defines Sabito’s short, tousled hair, symbolizing his gentle yet determined spirit as a fallen swordsman guiding the living.

Dawn Pink#F5F0E8

The warm cream-white of Sabito’s iconic kitsune fox mask, representing his role as a spiritual guardian and the anonymity of his lingering soul.

Tonys Pink#E89B94

A softer pink tone forming one half of the checkered haori pattern Sabito wears, echoing warmth and the bittersweet memory of his unfinished bond with Tanjiro.

Plantation#2B4B4B

The dark teal shade of Sabito’s underlying Demon Slayer Corps uniform, grounding his ethereal appearance with the solemn duty of a fallen warrior.

Azalea#FADCD9

The palest blush-pink alternating in Sabito’s checkered haori, lending a delicate, almost translucent quality that hints at his existence as a fading spirit.

Sabito 60-30-10 Design Rule

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

60% Background
#F5F0E8
30% Primary
#2B4B4B
10% Accent
#D4726A

Use Dawn Pink (#F5F0E8) for large background spaces, Plantation (#2B4B4B) for primary text and structural UI elements, and vibrant Japonica (#D4726A) exclusively for call-to-action buttons and important highlights.

Sabito UI Component Preview

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

Sabito

Fallen Spirit Guide

“You’re a man, aren’t you?! Then stand up!”

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

  • Main LED: 212, 114, 106
  • Accent LED: 245, 240, 232

The Design Philosophy behind Sabito’s Palette

The Demon Slayer art team constructed Sabito’s palette around a single narrative tension: presence versus absence. Four of the five color codes—Japonica (#D4726A), Dawn Pink (#F5F0E8), Tonys Pink (#E89B94), and Azalea (#FADCD9)—occupy the warm pink-to-cream spectrum, evoking fading memories and the translucent quality of a spirit slowly dissolving into the afterlife. Plantation (#2B4B4B) breaks this softness with a cold, dense teal, visually pinning Sabito to the mortal obligation he died fulfilling. This deliberate imbalance mirrors his unfinished bond with Tanjiro: warmth reaching outward, duty pulling inward. For UI designers, the palette demonstrates how a restricted HEX range can communicate emotional depth without visual clutter, proving that limited color codes often yield the strongest brand recognition.

Best Sabito Color Combinations

Spirit and Duty

The near-white luminance of Dawn Pink against the deep teal of Plantation creates a high-contrast pairing ideal for hero sections, where ethereal content must remain readable over dark, authoritative backgrounds.

Blush Memory Gradient

Pairing the saturated Japonica with the whisper-light Azalea produces a natural tonal gradient that works beautifully for hover states, progress bars, or any UI element needing a warm emotional transition without jarring contrast.

Download Sabito Demon Slayer Color Palette

ASE

Sabito .ASE Swatches

For Adobe Swatches & Procreate

SVG

Sabito .SVG Palette

Vector Color Palette

PNG

Sabito .PNG Image

High-Quality Palette Preview

FAQs about Sabito Demon Slayer Color Codes

What is the exact HEX color code for Sabito’s hair in Demon Slayer?

Sabito’s short, tousled hair uses the color Japonica with the HEX code #D4726A (RGB 212, 114, 106), a muted salmon-pink that conveys both gentleness and quiet determination.

What colors make up Sabito’s Demon Slayer Corps uniform and haori?

His Corps uniform is rendered in Plantation (#2B4B4B), a dark teal, while his checkered haori alternates between Tonys Pink (#E89B94) and Azalea (#FADCD9), creating a soft pink grid pattern.

What is the HEX code for Sabito’s fox mask, and why is it significant in design?

The kitsune fox mask uses Dawn Pink at #F5F0E8, a warm cream-white that reads as almost glowing against the darker palette, making it an excellent accent color for focal points, icons, or spiritual-themed UI elements.

Copied