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.
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;
}
More Jujutsu Kaisen Color Codes (Black Palette)

Toge Inumaki Color Codes – Jujutsu Kaisen Palette with HEX, RGB & CMYK Values

Megumi Fushiguro Color Codes & Palette – Jujutsu Kaisen HEX, RGB & CMYK Values

Atsuya Kusakabe Color Palette – Jujutsu Kaisen Color Codes, HEX & RGB Values

Panda Jujutsu Kaisen Color Codes – Complete Palette with HEX, RGB & CMYK Values
Aoi Todo CSS Gradients
Beautiful gradient backgrounds inspired by Aoi Todo’s aesthetic. Click to copy the CSS code.
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.
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.
Explore More Jujutsu Kaisen Character Color Codes
Download Aoi Todo Jujutsu Kaisen Color Palette
Aoi Todo .ASE Swatches
For Adobe Swatches & Procreate
Aoi Todo .SVG Palette
Vector Color Palette
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.






