Pedro, the noble Jaguar Mink from One Piece, embodies rugged loyalty through a meticulously curated color palette essential for fan art and UI design. His signature look relies on Mule Fawn (#8B5A2B) for his iconic fedora and winter coat, establishing a mature, grounded presence. This rich brown pairs seamlessly with Tan (#D2B48C) on his unbuttoned shirt, offering a neutral canvas that highlights his tattoos. Accented by Eerie Black (#1A1A1A) for his explosive afro silhouette, these precise color codes ensure designers capture Pedro’s desert warrior aesthetic and Alabasta-inspired nobility accurately in any digital or print project.
Pedro One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mule Fawn | #8B5A2B | 139, 90, 43 | 0, 35, 69, 45 | |
| Tan | #D2B48C | 210, 180, 140 | 0, 14, 33, 18 | |
| Eerie Black | #1A1A1A | 26, 26, 26 | 0, 0, 0, 90 | |
| Beige | #F5F5DC | 245, 245, 220 | 0, 0, 10, 4 | |
| Raw Sienna | #CD853F | 205, 133, 63 | 0, 35, 69, 20 |
Pedro CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Pedro One Piece Palette */
--pedro-one-piece-mule-fawn: #8B5A2B;
--pedro-one-piece-tan: #D2B48C;
--pedro-one-piece-eerie-black: #1A1A1A;
--pedro-one-piece-beige: #F5F5DC;
--pedro-one-piece-raw-sienna: #CD853F;
}
More One Piece Color Codes (Brown Palette)
Pedro CSS Gradients
Beautiful gradient backgrounds inspired by Pedro’s aesthetic. Click to copy the CSS code.
Pedro Color Scheme Breakdown
Mule Fawn#8B5A2B
This rich brown covers his signature wide-brimmed fedora and the fur-lined winter coat, establishing his rugged, mature presence and contrasting with the island’s snowy environment.
Tan#D2B48C
This tan shade appears on his unbuttoned short-sleeve shirt, reflecting a laid-back attitude and providing the perfect neutral backdrop for his ‘Koroke’ epithet tattoos.
Eerie Black#1A1A1A
A deep off-black representing his curly afro hairstyle, which is his most recognizable silhouette feature and the source of his explosive Afro Bombs hidden within.
Beige#F5F5DC
This warm beige-white appears on his sash belt and the thick fur trim of his coat, adding a high-contrast accent that frames his torso and highlights his Alabasta-inspired noble aesthetic.
Raw Sienna#CD853F
A lighter reddish-brown seen on the leather straps of his rifle and sandals, reinforcing his desert warrior motif and his connection to the rugged, practical gear of a Mafia enforcer.
Pedro 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Pedro’s palette for a perfectly balanced visual hierarchy.
Pedro UI Component Preview
Here is a live example of how the Pedro color palette looks when applied to a modern UI component.
Pedro
Mink Tribe Guardian
“Everyone has their own turn to shine!”
Pedro 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 Pedro’s aesthetic.
- Main LED: 139, 90, 43
- Accent LED: 210, 180, 140
The Design Philosophy behind Pedro’s Palette
Pedro’s color philosophy masterfully balances rugged practicality with noble heritage, making his palette highly functional for character-driven UI design. The dominant Mule Fawn (#8B5A2B) and Raw Sienna (#CD853F) ground him as a battle-hardened guardian, while Beige (#F5F5DC) accents elevate his regal Mink lineage. Designers leverage this specific combination because the warm earth tones create natural visual hierarchy without overwhelming interfaces. The high contrast between Eerie Black (#1A1A1A) and lighter Tan (#D2B48C) ensures readability and focal points, mirroring Pedro’s explosive yet disciplined nature. This intentional use of saturated browns against neutral backdrops provides an accessible, emotionally resonant color system that translates storytelling into effective visual communication for fans and creators alike.
Best Pedro Color Combinations
Desert Noble Contrast
The deep warmth of Mule Fawn against crisp Beige creates a high-contrast, accessible pairing ideal for buttons or headers evoking Pedro’s aristocratic warrior vibe.
Afro Silhouette Anchor
Eerie Black provides a sharp, readable anchor against soft Tan, perfect for text overlays or iconography that needs bold definition without harsh pure black.
Explore More One Piece Character Color Codes
Download Pedro One Piece Color Palette
Pedro .ASE Swatches
For Adobe Swatches & Procreate
Pedro .SVG Palette
Vector Color Palette
Pedro .PNG Image
High-Quality Palette Preview
FAQs about Pedro One Piece Color Codes
What is the exact HEX code for Pedro’s afro hair?
Pedro’s iconic afro uses Eerie Black with HEX code #1A1A1A, a deep off-black that defines his silhouette and hints at his hidden Afro Bomb ability.
Which colors define Pedro’s main outfit in One Piece?
His primary outfit combines Mule Fawn (#8B5A2B) for the hat and coat with Tan (#D2B48C) for his shirt, creating a cohesive desert warrior aesthetic.
What accent color is used for Pedro’s belt and fur trim?
Pedro’s sash belt and coat fur trim feature Beige (#F5F5DC), a warm off-white that adds noble contrast and frames his torso in official artwork.












