Aoi Todo Color Codes – Complete Jujutsu Kaisen HEX Palette & RGB Values

Aoi Todo Color Codes – Complete Jujutsu Kaisen HEX Palette & RGB Values

Aoi Todo is the boisterous, battle-obsessed Grade 1 sorcerer from Jujutsu Kaisen whose larger-than-life personality demands an equally bold color palette. His design anchors on #1A1A2E (Mirage) for his voluminous swept-back hair, #C68642 (Tussock) across his muscular frame, and #2B2D42 (Ebony Clay) for his structured Kyoto Jujutsu High uniform. Together, these Aoi Todo color codes create a high-contrast HEX palette that balances raw physicality with institutional discipline—making it an ideal reference for designers seeking dark, powerful UI color schemes with warm accent tones.

Mirage
#1A1A2E
Ebony Clay
#2B2D42
Tussock
#C68642
Pampas
#F0EDE5
Masala
#3B2F2F

Aoi Todo Jujutsu Kaisen Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Mirage #1A1A2E 26, 26, 46 43, 43, 0, 82
Ebony Clay #2B2D42 43, 45, 66 35, 32, 0, 74
Tussock #C68642 198, 134, 66 0, 32, 67, 22
Pampas #F0EDE5 240, 237, 229 0, 1, 5, 6
Masala #3B2F2F 59, 47, 47 0, 20, 20, 77

Aoi Todo CSS & Tailwind Color Variables

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

:root {
/* Aoi Todo Jujutsu Kaisen Palette */
--aoi-todo-jujutsu-kaisen-mirage: #1A1A2E;
--aoi-todo-jujutsu-kaisen-ebony-clay: #2B2D42;
--aoi-todo-jujutsu-kaisen-tussock: #C68642;
--aoi-todo-jujutsu-kaisen-pampas: #F0EDE5;
--aoi-todo-jujutsu-kaisen-masala: #3B2F2F;
}

Aoi Todo CSS Gradients

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

Click to Copy CSS
Mirage to Pampas#1A1A2E → #F0EDE5
Click to Copy CSS
Tussock to Mirage#C68642 → #1A1A2E

Aoi Todo Color Scheme Breakdown

Mirage#1A1A2E

This deep near-black shade with a subtle blue undertone defines Todo’s voluminous, swept-back hair, reinforcing his intense and imposing physical presence as a Grade 1 sorcerer.

Ebony Clay#2B2D42

This dark navy tone represents the standard Kyoto Jujutsu High uniform jacket Todo wears, symbolizing his affiliation with the conservative Kyoto school and his disciplined combat role.

Tussock#C68642

This warm brown-tan shade captures Todo’s prominent skin tone across his muscular arms, neck, and face, highlighting his raw physical power and bold, unapologetic personality.

Pampas#F0EDE5

This off-white tone appears on the inner collar and shirt visible beneath Todo’s dark uniform, providing sharp contrast that accentuates the structured layering of his Jujutsu High attire.

Masala#3B2F2F

This dark brown shade defines Todo’s thick eyebrows and subtle facial hair details, grounding his fierce expression and adding depth to his otherwise high-contrast dark design.

Aoi Todo 60-30-10 Design Rule

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

60% Background
#F0EDE5
30% Primary
#2B2D42
10% Accent
#1A1A2E

Use Pampas (#F0EDE5) for large background spaces, Ebony Clay (#2B2D42) for primary text and structural UI elements, and vibrant Mirage (#1A1A2E) exclusively for call-to-action buttons and important highlights.

Aoi Todo UI Component Preview

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

Aoi Todo

Boogie Woogie Brawler

“You are my best friend!”

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

  • Main LED: 26, 26, 46
  • Accent LED: 43, 45, 66

The Design Philosophy behind Aoi Todo’s Palette

Gege Akutami’s design team built Todo’s palette around a deliberate tension between institutional rigidity and untamed physicality. The near-black #1A1A2E (Mirage) and dark navy #2B2D42 (Ebony Clay) encode the strict hierarchy of the Kyoto school, while the warm #C68642 (Tussock) skin tone breaks through that uniformity, signaling Todo’s refusal to be contained by rules. The off-white #F0EDE5 (Pampas) collar acts as a visual separator, layering depth without softening his imposing silhouette. This color-code strategy mirrors his Boogie Woogie technique—structured yet unpredictable. For UI designers, the palette proves that a limited five-color HEX system can convey both authority and chaotic energy simultaneously, a principle directly transferable to dark-mode interfaces with warm accent CTAs.

Best Aoi Todo Color Combinations

Shadow & Sinew

The deep blue-black Mirage against warm Tussock skin creates a striking figure-ground contrast ideal for hero sections or character cards where the subject must pop off a dark background.

Kyoto Discipline

Ebony Clay navy paired with Pampas off-white delivers a sophisticated, low-glare duo perfect for structured layouts, navigation bars, or any UI requiring clear readability with an authoritative tone.

Download Aoi Todo Jujutsu Kaisen Color Palette

ASE

Aoi Todo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Aoi Todo .SVG Palette

Vector Color Palette

PNG

Aoi Todo .PNG Image

High-Quality Palette Preview

FAQs about Aoi Todo Jujutsu Kaisen Color Codes

What is the exact HEX color code for Aoi Todo’s hair in Jujutsu Kaisen?

Aoi Todo’s voluminous swept-back hair uses the HEX code #1A1A2E, named Mirage—a deep near-black with a subtle blue undertone that reinforces his imposing Grade 1 sorcerer presence.

What color palette defines Aoi Todo’s Kyoto Jujutsu High uniform?

His standard uniform jacket is rendered in #2B2D42 (Ebony Clay), a dark navy tone, while the visible inner collar and shirt use #F0EDE5 (Pampas) off-white to accentuate the structured layering of the attire.

Which accent color highlights Aoi Todo’s facial features and expression details?

The dark brown shade #3B2F2F (Masala) is used for Todo’s thick eyebrows and subtle facial-hair details, grounding his fierce expression and adding depth to his high-contrast dark design.

Copied