Makomo Color Codes & Palette – Complete Demon Slayer HEX Color Guide

Makomo Color Codes & Palette – Complete Demon Slayer HEX Color Guide

Makomo, the enigmatic spirit mentor from Demon Slayer’s Urokodaki training arc, carries one of the most emotionally resonant palettes in anime character design. Her color scheme opens with Wewak (#F2A0B5), a soft floral pink that defines her kimono and gentle presence, grounded by the near-black Charade (#2A2A3C) of her straight hair. Between these extremes sits the warm Serenade (#FFF5E6) of her iconic fox mask, tying the entire composition to themes of spiritual purity and protection. For designers hunting Makomo color codes, this five-tone system offers a ready-made toolkit for dreamy, narrative-driven UI palettes and editorial layouts.

Wewak
#F2A0B5
Serenade
#FFF5E6
Charade
#2A2A3C
Cinnamon Satin
#D4627A
Pippin
#FFE0E8

Makomo Demon Slayer Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Wewak #F2A0B5 242, 160, 181 0, 34, 25, 5
Serenade #FFF5E6 255, 245, 230 0, 4, 10, 0
Charade #2A2A3C 42, 42, 60 30, 30, 0, 76
Cinnamon Satin #D4627A 212, 98, 122 0, 54, 42, 17
Pippin #FFE0E8 255, 224, 232 0, 12, 9, 0

Makomo CSS & Tailwind Color Variables

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

:root {
/* Makomo Demon Slayer Palette */
--makomo-demon-slayer-wewak: #F2A0B5;
--makomo-demon-slayer-serenade: #FFF5E6;
--makomo-demon-slayer-charade: #2A2A3C;
--makomo-demon-slayer-cinnamon-satin: #D4627A;
--makomo-demon-slayer-pippin: #FFE0E8;
}

Makomo CSS Gradients

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

Click to Copy CSS
Wewak to Cinnamon Satin#F2A0B5 → #D4627A
Click to Copy CSS
Charade to Wewak#2A2A3C → #F2A0B5

Makomo Color Scheme Breakdown

Wewak#F2A0B5

This soft pink dominates Makomo’s floral kimono, representing her gentle, ethereal spirit nature and the delicate femininity she embodies as a guiding presence during Tanjiro’s training arc.

Serenade#FFF5E6

This warm cream-white forms the base of Makomo’s iconic kitsune fox mask, symbolizing purity, spiritual guidance, and the protective tradition of the Urokodaki disciples in Demon Slayer lore.

Charade#2A2A3C

This deep near-black defines Makomo’s straight, shoulder-length hair framing her face, grounding her soft palette with contrast and reflecting the quiet mystery surrounding her true identity as a spirit.

Cinnamon Satin#D4627A

This deeper rose-coral appears in the floral patterns scattered across Makomo’s kimono, adding visual depth and echoing the bittersweet beauty of fleeting cherry blossoms tied to her tragic backstory.

Pippin#FFE0E8

This pale blush-pink accents the inner lining and lighter sections of Makomo’s kimono, softening her silhouette and reinforcing the overall dreamlike, otherworldly aura she carries throughout every appearance.

Makomo 60-30-10 Design Rule

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

60% Background
#FFF5E6
30% Primary
#2A2A3C
10% Accent
#F2A0B5

Use Serenade (#FFF5E6) for large background spaces, Charade (#2A2A3C) for primary text and structural UI elements, and vibrant Wewak (#F2A0B5) exclusively for call-to-action buttons and important highlights.

Makomo UI Component Preview

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

Makomo

Ethereal Spirit Guide

“The sword is a part of your body. You must treat it as your own arm or leg.”

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

  • Main LED: 242, 160, 181
  • Accent LED: 255, 245, 230

The Design Philosophy behind Makomo’s Palette

The Demon Slayer art team engineered Makomo’s palette as a visual metaphor for transience and guidance. The dominant Wewak (#F2A0B5) and lighter Pippin (#FFE0E8) layer soft pinks that evoke cherry-blossom impermanence, mirroring her existence as a spirit who cannot remain. Cinnamon Satin (#D4627A) deepens the floral motifs, introducing a bittersweet undertone that hints at her tragic death before the Final Selection. Anchoring the composition, Charade (#2A2A3C) provides the single high-contrast element—her hair—ensuring readability and visual gravity in every frame. The Serenade (#FFF5E6) mask acts as a neutral bridge, allowing the pinks to breathe without oversaturation. This deliberate balance of warm analogues against one dark neutral makes the palette exceptionally versatile for UI color codes, gradient systems, and accessibility-conscious design tokens.

Best Makomo Color Combinations

Spirit Blossom Contrast

Pairing the soft Wewak pink against the deep Charade near-black creates a striking yet gentle contrast ideal for hero sections, card UIs, and typographic hierarchies where warmth must coexist with legibility.

Fox Mask Serenity

The warm Serenade cream paired with Cinnamon Satin’s deeper rose-coral produces an elegant, low-fatigue combination perfect for editorial backgrounds, onboarding screens, and feminine branding palettes.

Download Makomo Demon Slayer Color Palette

ASE

Makomo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Makomo .SVG Palette

Vector Color Palette

PNG

Makomo .PNG Image

High-Quality Palette Preview

FAQs about Makomo Demon Slayer Color Codes

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

Makomo’s straight, shoulder-length hair is rendered in Charade, a deep near-black with the HEX code #2A2A3C (RGB 42, 42, 60). This dark anchor color provides the primary contrast against her soft pink kimono in official artwork.

What colors make up Makomo’s kimono palette?

Her floral kimono is built on Wewak (#F2A0B5) as the dominant pink, accented by deeper Cinnamon Satin (#D4627A) floral patterns, and softened at the edges with pale Pippin (#FFE0E8) for the inner lining and lighter fabric sections.

What is the HEX code for Makomo’s fox mask, and how is it used as an accent?

Makomo’s iconic kitsune fox mask uses Serenade (#FFF5E6), a warm cream-white. In design applications, this shade works beautifully as a background or neutral accent color to let the pink and rose tones (#F2A0B5, #D4627A) stand out without visual clutter.

Copied