Trebol, the grotesque executive of the Donquixote Pirates, features a deliberately repulsive yet iconic color scheme that designers often reference for villainous character palettes. His primary body tone uses Mule Fawn #8B5A2B to depict his viscous Beta Beta no Mi mucus armor, creating an oppressive visual weight. This is starkly contrasted by Alto #D3D3D3 for his unkempt hair and Red Devil #800020 on his aristocratic striped coat. These specific HEX color codes provide essential accuracy for UI designers, cosplayers, and digital artists seeking to replicate Trebol’s unique slimy aesthetic while maintaining proper contrast ratios in graphic projects.
Trebol One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mule Fawn | #8B5A2B | 139, 90, 43 | 0, 35, 69, 45 | |
| Alto | #D3D3D3 | 211, 211, 211 | 0, 0, 0, 17 | |
| Red Devil | #800020 | 128, 0, 32 | 0, 100, 75, 50 | |
| Beige | #F5F5DC | 245, 245, 220 | 0, 0, 10, 4 | |
| Gold | #FFD700 | 255, 215, 0 | 0, 16, 100, 0 |
Trebol CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Trebol One Piece Palette */
--trebol-one-piece-mule-fawn: #8B5A2B;
--trebol-one-piece-alto: #D3D3D3;
--trebol-one-piece-red-devil: #800020;
--trebol-one-piece-beige: #F5F5DC;
--trebol-one-piece-gold: #FFD700;
}More One Piece Character Color Palettes Color Codes (Brown Palette)
Trebol CSS Gradients
Beautiful gradient backgrounds inspired by Trebol’s aesthetic. Click to copy the CSS code.
Trebol Color Scheme Breakdown
Mule Fawn#8B5A2B
This rich brown defines Trebol’s primary body form and the thick, viscous mucus armor he constantly secretes from his Beta Beta no Mi Devil Fruit ability, symbolizing his sticky and oppressive nature.
Alto#D3D3D3
This light grey represents his unkempt, snot-like hair that drapes over his head in thick, dangling strands, reinforcing his repulsive and deliberately unhygienic visual design.
Red Devil#800020
This deep burgundy appears on his signature thick striped coat draped over his lanky frame, adding a dark, aristocratic flourish that contrasts with his grotesque mucus-covered body.
Beige#F5F5DC
This pale beige tones the fitted button-up shirt visible beneath his coat, providing a surprisingly clean and formal underlayer that clashes intentionally with his overall slimy and chaotic exterior.
Gold#FFD700
This bright gold accents his prominent hoop earrings and the heavy chain draped across his chest, serving as flashy signifiers of his executive status within the Donquixote Pirates family.
Trebol 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Trebol’s palette for a perfectly balanced visual hierarchy.
Trebol UI Component Preview
Here is a live example of how the Trebol color palette looks when applied to a modern UI component.
Trebol
Sticky Executive Officer
“Betobeto Betobeto… You can’t escape my sticky love!”
Trebol 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 Trebol’s aesthetic.
- Main LED: 139, 90, 43
- Accent LED: 211, 211, 211
The Design Philosophy behind Trebol’s Palette
The Trebol color palette exemplifies narrative-driven character design where every HEX code serves storytelling purposes. The dominant Mule Fawn #8B5A2B isn’t merely brown—it visually communicates stickiness and decay through its muted saturation, reinforcing his Devil Fruit powers without animation. Designers pair this with Gold #FFD700 accents to create cognitive dissonance: luxury juxtaposed against filth mirrors Trebol’s delusional self-importance. The Beige #F5F5DC undershirt adds unsettling formality beneath chaos, proving that effective villain palettes avoid monochromatic schemes. For UI/UX professionals studying antagonist design systems, this combination demonstrates how color psychology (brown=oppression, gold=false prestige) can replace exposition. The palette’s success lies in its intentional ugliness—each code was chosen to evoke discomfort while remaining instantly recognizable across media formats.
Best Trebol Color Combinations
Viscous Authority Contrast
The earthy Mule Fawn grounds the flashy Gold, creating a hierarchy where opulence feels tarnished and corrupt—ideal for UI elements signaling deceptive power or corrupted status indicators.
Grotesque Formality Clash
Deep Red Devil against clean Beige generates unsettling tension perfect for horror-adjacent interfaces, as the pristine underlayer makes the burgundy feel more violently intrusive.
Explore More One Piece Character Color Palettes Character Color Codes
Download Trebol One Piece Color Palette
Trebol .ASE Swatches
For Adobe Swatches & Procreate
Trebol .SVG Palette
Vector Color Palette
Trebol .PNG Image
High-Quality Palette Preview
FAQs about Trebol One Piece Color Codes
What is the exact HEX code for Trebol’s sticky mucus body color?
Trebol’s signature mucus armor uses Mule Fawn #8B5A2B, a rich brown that visually represents his Beta Beta no Mi ability’s viscous texture in both anime and design references.
Which colors define Trebol’s main outfit palette?
His primary outfit combines Red Devil #800020 for the striped coat and Beige #F5F5DC for the button-up shirt, creating a deliberately clashing aristocratic-yet-grotesque aesthetic.
What accent color signifies Trebol’s executive rank?
Bright Gold #FFD700 is used for his hoop earrings and chest chain, serving as the key metallic accent denoting his high status within the Donquixote Pirates hierarchy.
