• Home
  • /
  • Anime
  • /
  • Demon Slayer
  • /
  • Rui Demon Slayer Color Codes: Complete HEX Palette for Lower Rank Five Spider Demon

Rui Demon Slayer Color Codes: Complete HEX Palette for Lower Rank Five Spider Demon

Rui Demon Slayer Color Codes: Complete HEX Palette for Lower Rank Five Spider Demon

Rui, the Lower Rank Five of the Twelve Kizuki in Demon Slayer, commands a haunting visual identity built entirely around his deadly Blood Demon Art. His color palette opens with the visceral Tamarillo (#A31621), channeling the lethal crimson of his razor-sharp spider threads. This aggressive red cuts against the ethereal Lola (#E0D8E0) of his silvery bob and the shadow-drenched Valhalla (#2D1B4E) kimono that cloaks his childlike frame. Together, these color codes forge a palette that is simultaneously beautiful and deeply unsettling—an ideal HEX reference set for designers building dark, atmospheric, anime-inspired UI projects.

Tamarillo
#A31621
Valhalla
#2D1B4E
Lola
#E0D8E0
Albescent White
#F5E0D0
Violet
#1A0A2E

Rui Demon Slayer Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Tamarillo #A31621 163, 22, 33 0, 87, 80, 36
Valhalla #2D1B4E 45, 27, 78 42, 65, 0, 69
Lola #E0D8E0 224, 216, 224 0, 4, 0, 12
Albescent White #F5E0D0 245, 224, 208 0, 9, 15, 4
Violet #1A0A2E 26, 10, 46 43, 78, 0, 82

Rui CSS & Tailwind Color Variables

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

:root {
/* Rui Demon Slayer Palette */
--rui-demon-slayer-tamarillo: #A31621;
--rui-demon-slayer-valhalla: #2D1B4E;
--rui-demon-slayer-lola: #E0D8E0;
--rui-demon-slayer-albescent-white: #F5E0D0;
--rui-demon-slayer-violet: #1A0A2E;
}

Rui CSS Gradients

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

Click to Copy CSS
Tamarillo to Albescent White#A31621 → #F5E0D0
Click to Copy CSS
Lola to Tamarillo#E0D8E0 → #A31621

Rui Color Scheme Breakdown

Tamarillo#A31621

This deep crimson represents Rui’s Blood Demon Art spider threads, his signature weapon and most iconic visual element, symbolizing the deadly, cutting power he wields as Lower Rank Five of the Twelve Kizuki.

Valhalla#2D1B4E

This dark purple forms the base of Rui’s traditional kimono-style outfit, reflecting his spider-demon nature and the eerie, shadowy atmosphere of Mount Natagumo where he rules over his constructed family.

Lola#E0D8E0

This silvery-white shade defines Rui’s neatly cut bob hair, contrasting sharply against his dark clothing and emphasizing his unsettling, doll-like appearance as a young-looking demon with ancient malice.

Albescent White#F5E0D0

This extremely pale skin tone covers Rui’s face and exposed areas, reinforcing his inhuman, corpse-like complexion that visually separates him from living characters and underscores his undead demonic existence.

Violet#1A0A2E

This near-black purple appears in Rui’s eye sclera and deep clothing folds, adding depth to his menacing gaze and grounding the overall palette in the darkness of his spider-web domain.

Rui 60-30-10 Design Rule

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

60% Background
#F5E0D0
30% Primary
#1A0A2E
10% Accent
#A31621

Use Albescent White (#F5E0D0) for large background spaces, Violet (#1A0A2E) for primary text and structural UI elements, and vibrant Tamarillo (#A31621) exclusively for call-to-action buttons and important highlights.

Rui UI Component Preview

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

Rui

Spider Thread Manipulator

“I just wanted a real family… bonds that could never be severed.”

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

  • Main LED: 163, 22, 33
  • Accent LED: 45, 27, 78

The Design Philosophy behind Rui’s Palette

The designers behind Demon Slayer crafted Rui’s color codes to mirror his tragic duality—a child’s porcelain appearance masking centuries of demonic cruelty. The dominant Valhalla (#2D1B4E) and Violet (#1A0A2E) tones anchor him in the suffocating darkness of Mount Natagumo, while the sharp Tamarillo (#A31621) threads slice through every composition like veins of controlled violence. His Albescent White (#F5E0D0) skin and Lola (#E0D8E0) hair strip away all warmth, rendering him corpse-like and inhuman. This palette succeeds because every HEX value serves a narrative purpose: red for blood and control, purple for isolation and decay, white for the absence of life. For UI designers, Rui’s palette demonstrates how a restrained set of color codes can evoke complex emotional depth without visual clutter.

Best Rui Color Combinations

Crimson Thread on Moonlit Silk

The high-contrast pairing of deep crimson against silvery white creates immediate visual tension, making it ideal for CTA buttons, alert states, or hero typography in dark-themed interfaces.

Abyssal Kimono Glow

Dark purple against warm pale ivory delivers a sophisticated, eerie elegance that works beautifully for card backgrounds, modal overlays, or luxury-brand digital experiences.

Download Rui Demon Slayer Color Palette

ASE

Rui .ASE Swatches

For Adobe Swatches & Procreate

SVG

Rui .SVG Palette

Vector Color Palette

PNG

Rui .PNG Image

High-Quality Palette Preview

FAQs about Rui Demon Slayer Color Codes

What is the exact HEX color code for Rui’s Blood Demon Art spider threads in Demon Slayer?

Rui’s signature spider threads use the deep crimson HEX code #A31621 (RGB 163, 22, 33), officially named Tamarillo. This intense red represents the cutting power of his Blood Demon Art as Lower Rank Five.

What colors make up Rui’s kimono and overall outfit palette?

Rui’s traditional kimono is rendered in Valhalla (#2D1B4E), a dark purple, with deeper folds shaded in Violet (#1A0A2E). Together these two HEX codes create the shadowy, spider-web aesthetic tied to his domain on Mount Natagumo.

What is the accent color used for Rui’s hair and pale skin?

Rui’s neatly cut bob hair uses the silvery-white HEX #E0D8E0 (Lola), while his inhuman, corpse-like complexion is defined by the Albescent White HEX #F5E0D0. Both contrast sharply against his dark clothing for an unsettling, doll-like effect.

Copied