Toppo, the stoic vice-captain of Universe 11’s Pride Troopers in Dragon Ball Super, embodies justice through both his actions and his striking visual design. His color palette pairs the bold Persian Red (#D32F2F) of his bodysuit with the imposing Eerie Black (#1A1A1A) of his trunks and boots, creating a powerful contrast that mirrors his unwavering moral code. A touch of Saffron (#F2C230) on his Pride Trooper emblem adds a heroic focal point, while his cool Casper (#AEC5CF) skin tone sets him apart as an alien enforcer. For designers hunting character color codes with strong visual hierarchy, Toppo’s palette delivers a masterclass in purposeful color storytelling.
Toppo Dragon Ball Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Persian Red | #D32F2F | 211, 47, 47 | 0, 78, 78, 17 | |
| Eerie Black | #1A1A1A | 26, 26, 26 | 0, 0, 0, 90 | |
| Cultured Pearl | #F5F5F5 | 245, 245, 245 | 0, 0, 0, 4 | |
| Casper | #AEC5CF | 174, 197, 207 | 16, 5, 0, 19 | |
| Saffron | #F2C230 | 242, 194, 48 | 0, 20, 80, 5 |
Toppo CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Toppo Dragon Ball Palette */
--toppo-dragon-ball-persian-red: #D32F2F;
--toppo-dragon-ball-eerie-black: #1A1A1A;
--toppo-dragon-ball-cultured-pearl: #F5F5F5;
--toppo-dragon-ball-casper: #AEC5CF;
--toppo-dragon-ball-saffron: #F2C230;
}More Dragon Ball Character Color Palettes Color Codes (Red Palette)
Toppo CSS Gradients
Beautiful gradient backgrounds inspired by Toppo’s aesthetic. Click to copy the CSS code.
Toppo Color Scheme Breakdown
Persian Red#D32F2F
This deep red appears on Toppo’s Pride Trooper bodysuit, covering his torso and arms. It visually signals his aggressive justice-driven personality and makes him instantly recognizable among Universe 11’s elite warriors.
Eerie Black#1A1A1A
The black sections appear on his trunks, boots, and mustache. This dark tone grounds the design, adding a serious, imposing contrast to the bright red suit and emphasizing his heavyweight enforcer role.
Cultured Pearl#F5F5F5
White appears on his gloves, which are a standard part of the Pride Trooper uniform. It provides a clean, heroic accent that balances the red and black, reinforcing the team’s superhero-inspired aesthetic.
Casper#AEC5CF
This pale blue-grey tone is Toppo’s skin color, giving him an alien, stoic appearance. It distinguishes him from human characters and complements the warm red of his uniform with a cool, reserved complexion.
Saffron#F2C230
A golden yellow appears on the Pride Trooper emblem and belt details. This accent color symbolizes the team’s heroic status and adds a bright focal point that draws attention to his uniform’s insignia.
Toppo 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Toppo’s palette for a perfectly balanced visual hierarchy.
Toppo UI Component Preview
Here is a live example of how the Toppo color palette looks when applied to a modern UI component.
Toppo
Justice Enforcer
“Justice! Justice always prevails!”
Toppo 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 Toppo’s aesthetic.
- Main LED: 211, 47, 47
- Accent LED: 26, 26, 26
The Design Philosophy behind Toppo’s Palette
Toppo’s design philosophy centers on visual morality: every hue is assigned a narrative purpose. The dominant Persian Red (#D32F2F) commands attention and channels his aggressive, justice-fueled combat style, while Eerie Black (#1A1A1A) anchors the composition, reinforcing his role as the team’s heavyweight enforcer. Cultured Pearl (#F5F5F5) gloves introduce a clean superhero archetype cue, directly referencing the tokusatsu-inspired aesthetic the Pride Troopers parody. The Saffron (#F2C230) emblem acts as a single bright anchor point, guiding the viewer’s eye to his insignia and symbolizing earned heroism. Meanwhile, the muted Casper (#AEC5CF) skin prevents the warm suit colors from overwhelming the frame, ensuring Toppo reads as calm and reserved despite his explosive power. This five-color system succeeds because it balances aggression with restraint—exactly the duality at the core of Toppo’s character arc from righteous warrior to God of Destruction candidate.
Best Toppo Color Combinations
Crimson Authority
Pairing a saturated red with near-black creates maximum contrast and visual weight, making it ideal for bold UI headers, CTA buttons, or poster layouts that demand immediate attention.
Heroic Beacon
The warm golden accent against a cool blue-grey background produces a complementary temperature contrast that highlights key UI elements like badges, icons, or notification states without visual fatigue.
Explore More Dragon Ball Character Color Palettes Character Color Codes
Download Toppo Dragon Ball Color Palette
Toppo .ASE Swatches
For Adobe Swatches & Procreate
Toppo .SVG Palette
Vector Color Palette
Toppo .PNG Image
High-Quality Palette Preview
FAQs about Toppo Dragon Ball Color Codes
What is the exact HEX code for Toppo’s Pride Trooper bodysuit red?
Toppo’s signature bodysuit uses Persian Red with the HEX code #D32F2F (RGB 211, 47, 47). This deep red covers his torso and arms and is the most dominant color in his overall design.
What colors make up Toppo’s main uniform palette?
His primary uniform combines Persian Red (#D32F2F) for the suit, Eerie Black (#1A1A1A) for the trunks and boots, and Cultured Pearl (#F5F5F5) for the gloves—together forming the classic Pride Trooper superhero silhouette.
What accent color appears on Toppo’s Pride Trooper emblem and belt?
The emblem and belt details use Saffron, a golden yellow with HEX code #F2C230 (RGB 242, 194, 48). This accent symbolizes the team’s heroic status and serves as the brightest focal point in his design.
