Suma Demon Slayer Color Codes: Complete HEX Palette & RGB Values for UI/UX Design

Suma Demon Slayer Color Codes: Complete HEX Palette & RGB Values for UI/UX Design

Suma is one of the three kunoichi wives serving under the Sound Hashira Tengen Uzui in Demon Slayer, known for her timid yet deeply loyal personality. Her character color palette is a masterclass in restrained, cool-toned design that communicates quiet strength. The dominant Rhino #2B3A67 anchors her shinobi silhouette in deep navy, while Calico #E2C891 captures the warmth of her sandy blonde hair tied in a practical bun. Soft Negroni #FFDFC4 renders her fair peach skin, grounding the entire composition in natural warmth. For designers searching for anime-inspired color codes that balance darkness with gentle light, Suma’s five-shade HEX palette offers a ready-made, emotionally resonant scheme.

Rhino
#2B3A67
Calico
#E2C891
San Marino
#4E6FA8
Negroni
#FFDFC4
Dawn Pink
#F2EDE3

Suma Demon Slayer Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Rhino #2B3A67 43, 58, 103 58, 44, 0, 60
Calico #E2C891 226, 200, 145 0, 12, 36, 11
San Marino #4E6FA8 78, 111, 168 54, 34, 0, 34
Negroni #FFDFC4 255, 223, 196 0, 13, 23, 0
Dawn Pink #F2EDE3 242, 237, 227 0, 2, 6, 5

Suma CSS & Tailwind Color Variables

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

:root {
/* Suma Demon Slayer Palette */
--suma-demon-slayer-rhino: #2B3A67;
--suma-demon-slayer-calico: #E2C891;
--suma-demon-slayer-san-marino: #4E6FA8;
--suma-demon-slayer-negroni: #FFDFC4;
--suma-demon-slayer-dawn-pink: #F2EDE3;
}

Suma CSS Gradients

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

Click to Copy CSS
Rhino to Negroni#2B3A67 → #FFDFC4
Click to Copy CSS
San Marino to Rhino#4E6FA8 → #2B3A67

Suma Color Scheme Breakdown

Rhino#2B3A67

The deep navy blue of Suma’s kunoichi uniform dominates her silhouette, reflecting her role as a trained shinobi serving under the Sound Hashira Tengen Uzui in covert missions.

Calico#E2C891

Suma’s sandy blonde hair, often tied in a practical bun, provides a warm contrast to her dark outfit and highlights her gentle, reserved personality within the trio of wives.

San Marino#4E6FA8

A medium cerulean blue appears in Suma’s eyes and subtle outfit trim, reinforcing the cool-toned palette that unifies her design with the Sound Pillar’s ninja aesthetic.

Negroni#FFDFC4

Suma’s fair peach skin tone is rendered across her face and arms, grounding her character design in a soft, natural warmth against the darker navy garments she wears.

Dawn Pink#F2EDE3

Cream-white accents appear on Suma’s headband and inner collar lining, adding subtle brightness to her kunoichi ensemble and echoing the clean simplicity of her supportive role.

Suma 60-30-10 Design Rule

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

60% Background
#F2EDE3
30% Primary
#4E6FA8
10% Accent
#2B3A67

Use Dawn Pink (#F2EDE3) for large background spaces, San Marino (#4E6FA8) for primary text and structural UI elements, and vibrant Rhino (#2B3A67) exclusively for call-to-action buttons and important highlights.

Suma UI Component Preview

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

Suma

Gentle Shadow Kunoichi

“I’ll do my best… even if my hands won’t stop shaking!”

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

  • Main LED: 43, 58, 103
  • Accent LED: 226, 200, 145

The Design Philosophy behind Suma’s Palette

Suma’s color codes were deliberately engineered by the Demon Slayer design team to encode narrative meaning into every shade. The heavy presence of Rhino #2B3A67 and San Marino #4E6FA8 creates a cool, unified ninja aesthetic that visually binds her to Tengen’s covert-ops unit, signaling discipline and shadow-work without a single word of dialogue. Against this darkness, the warm Calico #E2C891 hair and Negroni #FFDFC4 skin act as emotional counterweights, reminding viewers that beneath the kunoichi exterior lives a gentle, anxious young woman. Dawn Pink #F2EDE3 accents on her headband provide just enough brightness to prevent the palette from feeling oppressive. This high-contrast interplay between duty and vulnerability is precisely why Suma’s HEX color palette resonates so strongly in fan art, UI theming, and branding projects seeking an authentic anime color code reference.

Best Suma Color Combinations

Midnight & Moonlight

Pairing the deep navy Rhino with the cream-white Dawn Pink produces a striking high-contrast duo ideal for dark-mode UI backgrounds paired with readable body text or elegant card layouts.

Desert Dusk Warmth

The sandy Calico beside the peachy Negroni creates a soft analogous gradient perfect for warm accent buttons, illustration skin tones, or gentle background washes in character-themed interfaces.

Download Suma Demon Slayer Color Palette

ASE

Suma .ASE Swatches

For Adobe Swatches & Procreate

SVG

Suma .SVG Palette

Vector Color Palette

PNG

Suma .PNG Image

High-Quality Palette Preview

FAQs about Suma Demon Slayer Color Codes

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

Suma’s sandy blonde hair is represented by the HEX code #E2C891 (Calico), equivalent to RGB(226, 200, 145). This warm golden tone contrasts beautifully against her dark kunoichi uniform.

What HEX code represents Suma’s main kunoichi outfit color?

Suma’s primary shinobi uniform uses the deep navy HEX code #2B3A67 (Rhino), with RGB values of 43, 58, 103. This dominant shade covers most of her silhouette and defines her stealth-operative role under Tengen Uzui.

Which accent color appears on Suma’s headband and collar lining?

The cream-white accent on Suma’s headband and inner collar lining is HEX #F2EDE3 (Dawn Pink), a near-white shade with subtle warm undertones that adds gentle brightness to her otherwise dark palette.

Copied