Sabo, the Revolutionary Army’s Chief of Staff, embodies a striking visual identity that merges aristocratic elegance with militant resolve. For designers seeking precise Sabo color codes, his palette offers rich storytelling through hue. The deep navy #2E4372 (San Juan) defines his authoritative coat and top hat, while warm #F5D06F (Orange Yellow) captures his noble yet rebellious blond hair. Accented by #E8A33D (Tulip Tree) amber flames honoring Ace’s legacy, these HEX values create a balanced, recognizable character design ideal for digital art, branding, or UI themes inspired by One Piece’s most beloved revolutionary.
Sabo One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| San Juan | #2E4372 | 46, 67, 114 | 60, 41, 0, 55 | |
| Orange Yellow | #F5D06F | 245, 208, 111 | 0, 15, 55, 4 | |
| Spring Wood | #F7F5EF | 247, 245, 239 | 0, 1, 3, 3 | |
| Tulip Tree | #E8A33D | 232, 163, 61 | 0, 30, 74, 9 | |
| Eerie Black | #232323 | 35, 35, 35 | 0, 0, 0, 86 |
Sabo CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sabo One Piece Palette */
--sabo-one-piece-san-juan: #2E4372;
--sabo-one-piece-orange-yellow: #F5D06F;
--sabo-one-piece-spring-wood: #F7F5EF;
--sabo-one-piece-tulip-tree: #E8A33D;
--sabo-one-piece-eerie-black: #232323;
}More One Piece Character Color Palettes Color Codes (Blue Palette)
Sabo CSS Gradients
Beautiful gradient backgrounds inspired by Sabo’s aesthetic. Click to copy the CSS code.
Sabo Color Scheme Breakdown
San Juan#2E4372
This deep navy blue defines Sabo’s iconic top hat and long Revolutionary Army coat, symbolizing his calm intellect, steadfast loyalty to Dragon’s cause, and the composed authority of the organization’s Chief of Staff.
Orange Yellow#F5D06F
This warm golden blond shades Sabo’s wavy, tousled hair, reflecting his noble Goa Kingdom heritage while contrasting his rebellious spirit, and giving the Revolutionary second-in-command a bright, heroic, instantly recognizable silhouette.
Spring Wood#F7F5EF
This soft cream white appears in Sabo’s ruffled cravat and shirt, echoing the aristocratic elegance of his childhood upbringing while balancing the militaristic darkness of his coat with gentlemanly refinement and classic pirate-era fashion.
Tulip Tree#E8A33D
This vivid amber orange glows in Sabo’s hat goggles and erupts from his fists when wielding the Mera Mera no Mi flames, honoring Ace’s legacy and embodying his burning resolve for freedom.
Eerie Black#232323
This deep charcoal black covers Sabo’s leather gloves, boots, and belt, grounding his flamboyant noble-inspired outfit with a rugged revolutionary practicality and highlighting the disciplined fighter ready for brutal close-quarters combat.
Sabo 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sabo’s palette for a perfectly balanced visual hierarchy.
Sabo UI Component Preview
Here is a live example of how the Sabo color palette looks when applied to a modern UI component.
Sabo
Revolutionary Flame Commander
“I will never forget the fire that burns within me!”
Sabo 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 Sabo’s aesthetic.
- Main LED: 46, 67, 114
- Accent LED: 245, 208, 111
The Design Philosophy behind Sabo’s Palette
Sabo’s color palette is a masterclass in narrative-driven character design. The dominant #2E4372 San Juan navy conveys disciplined intellect and revolutionary authority, grounding his silhouette against chaotic battle scenes. Contrasting this, #F5D06F Orange Yellow hair references his Goa Kingdom nobility while signaling hope and heroism—critical for visual hierarchy in animation and merchandise. The #E8A33D Tulip Tree amber serves dual purpose: representing Mera Mera no Mi flames and emotional continuity with Ace. Meanwhile, #F7F5EF Spring Wood cravat softens militaristic tones with gentlemanly refinement, and #232323 Eerie Black gear ensures functional realism. This intentional HEX combination balances symbolism, readability, and emotional resonance, making it highly effective for both on-screen presence and cross-media adaptation in graphic design.
Best Sabo Color Combinations
Noble Flame Contrast
The cool depth of San Juan navy (#2E4372) dramatically amplifies the warmth of Tulip Tree amber (#E8A33D), creating high visual impact ideal for CTAs or focal points in UI design.
Aristocratic Grounding
Orange Yellow (#F5D06F) paired with Eerie Black (#232323) delivers strong legibility and elegant contrast, perfect for typography or iconography needing noble yet rugged aesthetics.
Explore More One Piece Character Color Palettes Character Color Codes
Download Sabo One Piece Color Palette
Sabo .ASE Swatches
For Adobe Swatches & Procreate
Sabo .SVG Palette
Vector Color Palette
Sabo .PNG Image
High-Quality Palette Preview
FAQs about Sabo One Piece Color Codes
What is the HEX code for Sabo’s flame ability from the Mera Mera no Mi?
Sabo’s iconic flames use the vivid amber orange HEX code #E8A33D (Tulip Tree), symbolizing both his power and Ace’s inherited will.
What are the primary colors in Sabo’s Revolutionary Army outfit?
His main outfit features deep navy #2E4372 (San Juan) for the coat and hat, grounded by practical #232323 (Eerie Black) leather gear for combat readiness.
Which color represents Sabo’s noble heritage and hair?
Sabo’s wavy blond hair uses #F5D06F (Orange Yellow), reflecting his Goa Kingdom aristocracy while maintaining a bright, heroic visual presence.
