Mr. Popo is the enigmatic, ageless attendant of Kami’s Lookout in the Dragon Ball universe—a serene yet mysterious figure whose visual identity is built on stark contrasts and sacred symbolism. His color palette anchors on pitch-black skin (#000000, Black), creating an almost supernatural silhouette against the heavens. Clean White (#FFFFFF) turban and pants frame his form with ceremonial purity, while a striking Monza red (#D0021B) jewel draws the eye to his turban’s center. For designers hunting unique anime color codes, Mr. Popo’s five-shade palette offers a masterclass in high-contrast, minimal-yet-regal composition that translates beautifully into modern UI and branding work.
Mr. Popo Dragon Ball Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Black | #000000 | 0, 0, 0 | NaN, NaN, NaN, 100 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Monza | #D0021B | 208, 2, 27 | 0, 99, 87, 18 | |
| Midnight Blue | #1F4E79 | 31, 78, 121 | 74, 36, 0, 53 | |
| Buttercup | #F5A623 | 245, 166, 35 | 0, 32, 86, 4 |
Mr. Popo CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mr. Popo Dragon Ball Palette */
--mr-popo-dragon-ball-black: #000000;
--mr-popo-dragon-ball-white: #FFFFFF;
--mr-popo-dragon-ball-monza: #D0021B;
--mr-popo-dragon-ball-midnight-blue: #1F4E79;
--mr-popo-dragon-ball-buttercup: #F5A623;
}More Dragon Ball Character Color Palettes Color Codes (Black Palette)
Mr. Popo CSS Gradients
Beautiful gradient backgrounds inspired by Mr. Popo’s aesthetic. Click to copy the CSS code.
Mr. Popo Color Scheme Breakdown
Black#000000
Mr. Popo’s iconic pitch-black skin covers his entire body, giving him a mystical, genie-like appearance that stands out against the bright sky of Kami’s Lookout and emphasizes his otherworldly nature.
White#FFFFFF
His large white turban and matching pants provide a stark contrast to his dark skin, reinforcing his clean, almost ceremonial attire as the loyal attendant of Kami and guardian of the Lookout.
Monza#D0021B
This bold red appears on his lips and the jewel centered on his turban, adding a striking focal point that highlights his expressive face and the sacred emblem of his role.
Midnight Blue#1F4E79
His sleeveless vest is rendered in a deep royal blue, often accented with gold trim, conveying a sense of authority and complementing the divine, timeless aesthetic of the Lookout.
Buttercup#F5A623
Golden trims on his vest, earrings, and shoes introduce a regal metallic accent, symbolizing the sacred and ageless wisdom of Mr. Popo within the Dragon Ball universe.
Mr. Popo 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mr. Popo’s palette for a perfectly balanced visual hierarchy.
Mr. Popo UI Component Preview
Here is a live example of how the Mr. Popo color palette looks when applied to a modern UI component.
Mr. Popo
Eternal Lookout Guardian
“Mr. Popo is Mr. Popo.”
Mr. Popo 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 Mr. Popo’s aesthetic.
- Main LED: 0, 0, 0
- Accent LED: 255, 255, 255
The Design Philosophy behind Mr. Popo’s Palette
Akira Toriyama’s design philosophy for Mr. Popo relies on an almost monastic restraint: five colors, no gradients, no noise. The dominant Black (#000000) skin removes every human detail, turning the character into a living symbol rather than a person—mirroring his role as an immortal, emotion-steady guardian. White (#FFFFFF) garments introduce ceremonial cleanliness, while Midnight Blue (#1F4E79) on his vest signals quiet authority without competing with the sky. Buttercup gold (#F5A623) trims and the single Monza (#D0021B) jewel act as sacred accents, guiding the viewer’s focus the way a UI designer uses one accent color on a dark dashboard. This disciplined palette succeeds because each hue carries narrative weight: divinity, service, wisdom, and an unspoken power, making Mr. Popo’s color codes a versatile reference for any designer building mystical or high-contrast interfaces.
Best Mr. Popo Color Combinations
Sacred Contrast Veil
Pairing pure black with pure white delivers maximum luminance contrast (21:1), making it ideal for UI backgrounds, typography hierarchies, and any layout that demands instant visual separation without additional color noise.
Regal Ember Accent
Deep Midnight Blue grounds the composition with calm authority while Buttercup gold introduces a warm metallic pop, a pairing widely used in luxury branding and dashboard CTAs to signal prestige and draw the eye to key actions.
Explore More Dragon Ball Character Color Palettes Character Color Codes
Download Mr. Popo Dragon Ball Color Palette
Mr. Popo .ASE Swatches
For Adobe Swatches & Procreate
Mr. Popo .SVG Palette
Vector Color Palette
Mr. Popo .PNG Image
High-Quality Palette Preview
FAQs about Mr. Popo Dragon Ball Color Codes
What is the exact HEX code for Mr. Popo’s black skin in Dragon Ball?
Mr. Popo’s iconic pitch-black skin is rendered as pure Black with the HEX code #000000 (RGB 0, 0, 0). This absolute black gives him a genie-like, otherworldly silhouette that contrasts sharply with the bright sky above Kami’s Lookout.
What colors make up Mr. Popo’s main outfit and turban?
His primary attire uses White (#FFFFFF) for the turban and pants, paired with a Midnight Blue (#1F4E79) sleeveless vest. Together these two shades create a clean, ceremonial look that reinforces his role as the Lookout’s eternal attendant.
Which accent colors add detail to Mr. Popo’s design?
Two accent colors complete the palette: a bold Monza red (#D0021B) for his lips and the jewel on his turban, and a warm Buttercup gold (#F5A623) for his vest trim, earrings, and shoes—adding focal points and a regal metallic finish.
Explore More Black Palettes Across Universes
Genya Shinazugawa Color Codes – Complete HEX Palette & RGB Values from Demon Slayer
Soldier 11 Color Palette: Official HEX Codes and Design Guide for Zenless Zone Zero
Shota Aizawa Color Codes & Palette – My Hero Academia Official HEX Values
