Dabi, the scarred antagonist of My Hero Academia, commands one of the most striking color palettes in modern anime character design. His visual identity is anchored by #1C1C1C Eerie Black hair and coat, pierced by the electric glow of #4FC3F7 Blue Jeans eyes that radiate unhinged intensity. The palette reaches its climax with #00A2E8 Cerulean, the signature hue of his blue-fire quirk that separates him from every other flame user in the series. For designers hunting accurate Dabi color codes, this five-shade system delivers a masterclass in high-contrast, emotion-driven palette construction that balances villainy with tragedy.
Dabi My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Pickled Bluewood | #2B3A4A | 43, 58, 74 | 42, 22, 0, 71 | |
| Blue Jeans | #4FC3F7 | 79, 195, 247 | 68, 21, 0, 3 | |
| Cerulean | #00A2E8 | 0, 162, 232 | 100, 30, 0, 9 | |
| Affair | #6B4C8C | 107, 76, 140 | 24, 46, 0, 45 |
Dabi CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Dabi My Hero Academia Palette */
--dabi-my-hero-academia-eerie-black: #1C1C1C;
--dabi-my-hero-academia-pickled-bluewood: #2B3A4A;
--dabi-my-hero-academia-blue-jeans: #4FC3F7;
--dabi-my-hero-academia-cerulean: #00A2E8;
--dabi-my-hero-academia-affair: #6B4C8C;
}
More My Hero Academia Character Color Palettes Color Codes (Blue Palette)

Shoto Todoroki Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values

David Shield Color Codes & Palette – My Hero Academia HEX Values for Designers

Yui Kodai Color Codes – My Hero Academia Palette, HEX & RGB Values for Designers

Inasa Yoarashi Color Codes: Complete MHA Palette with HEX, RGB & CMYK Values
Dabi CSS Gradients
Beautiful gradient backgrounds inspired by Dabi’s aesthetic. Click to copy the CSS code.
Dabi Color Scheme Breakdown
Eerie Black#1C1C1C
This near-black shade forms Dabi’s spiky hair and the darkest sections of his long coat, establishing his brooding, villainous silhouette and grounding the rest of his high-contrast overall character design.
Pickled Bluewood#2B3A4A
This dark navy blue appears on Dabi’s long coat and pants, adding a cold, muted blue undertone that visually connects his clothing to his icy blue fire quirk and villainous demeanor.
Blue Jeans#4FC3F7
This bright cyan blue is the base color of Dabi’s sharp, glowing eyes, giving him an intense, otherworldly stare that immediately signals his powerful fire quirk and dangerous, unstable personality.
Cerulean#00A2E8
This vivid azure blue represents Dabi’s signature quirk-generated flames, which burn hotter than normal fire and serve as the most iconic visual element of his combat style and overall identity.
Affair#6B4C8C
This muted purple appears on Dabi’s scarred, burned skin patches beneath his eyes and along his jaw, highlighting the physical trauma he endured and reinforcing his tragic, vengeful personal backstory.
Dabi 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Dabi’s palette for a perfectly balanced visual hierarchy.
Dabi UI Component Preview
Here is a live example of how the Dabi color palette looks when applied to a modern UI component.
Dabi
Cerulean Flame Villain
“I’m Dabi. Nice to meet you.”
Dabi 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 Dabi’s aesthetic.
- Main LED: 28, 28, 28
- Accent LED: 43, 58, 74
The Design Philosophy behind Dabi’s Palette
The design team behind Dabi built a palette that narrates his story without a single word of dialogue. The dominance of #1C1C1C Eerie Black and #2B3A4A Pickled Bluewood in his silhouette evokes isolation and emotional coldness, while the explosive #00A2E8 Cerulean flames represent the destructive power he inherited yet twists into something entirely his own. The muted #6B4C8C Affair scars stitched across his skin serve as a constant visual reminder of abuse, grounding his villainy in genuine pain. This layering works because every color code maps to a narrative beat: darkness for concealment, blue for lineage, purple for trauma. The result is a character palette where contrast ratios and hue choices function as visual storytelling tools, making Dabi instantly recognizable across any medium or scale.
Best Dabi Color Combinations
Abyssal Inferno Contrast
Pairing near-black Eerie Black with vivid Cerulean creates a 12:1-plus contrast ratio that makes blue accents pop dramatically, ideal for dark-mode UI panels, hero banners, and call-to-action buttons that demand immediate visual attention.
Scarred Twilight Duo
Combining the icy luminosity of Blue Jeans with the muted warmth of Affair purple produces a complementary tension that works beautifully for gradient overlays, card hover states, and editorial layouts needing emotional depth without overwhelming saturation.
Explore More My Hero Academia Character Color Palettes Character Color Codes

Tsuyu Asui Color Codes – Complete My Hero Academia Palette with HEX, RGB & CMYK Values

Mirko Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values for Designers

Overhaul Color Codes & Palette: My Hero Academia HEX Values for UI & Graphic Design

Fumikage Tokoyami Color Palette – HEX, RGB & CMYK Codes | My Hero Academia
Download Dabi My Hero Academia Color Palette
Dabi .ASE Swatches
For Adobe Swatches & Procreate
Dabi .SVG Palette
Vector Color Palette
Dabi .PNG Image
High-Quality Palette Preview
FAQs about Dabi My Hero Academia Color Codes
What is the exact HEX color code for Dabi’s blue flames in My Hero Academia?
Dabi’s signature blue fire is represented by #00A2E8 (Cerulean), a vivid azure that burns hotter than standard orange flames. His glowing eyes use the brighter #4FC3F7 (Blue Jeans) to intensify his otherworldly stare.
What colors make up Dabi’s coat and outfit palette?
Dabi’s long coat and pants primarily use #2B3A4A (Pickled Bluewood), a dark navy with cold blue undertones, while the deepest shadows and spiky hair sections rely on #1C1C1C (Eerie Black) to maintain his brooding villain silhouette.
What accent color represents Dabi’s scars and burned skin?
The scarred, stapled patches across Dabi’s face and jaw use #6B4C8C (Affair), a muted purple that visually encodes his history of physical trauma and sets a tragic counterpoint against his otherwise cold blue-and-black palette.




