Usopp, the Straw Hat Pirates’ sharpshooter, embodies a unique blend of cowardice and courage through his distinctive visual identity. His character design relies on an earthy, handcrafted aesthetic that reflects his role as a creative inventor and storyteller. Designers seeking accurate Usopp color codes will find essential values like Saffron #F2C230 for his iconic waist sash, Aztec Gold #C49352 for practical workwear panels, and Nutmeg #7A4A2B defining his leather gear and slingshot. This carefully curated palette captures both his comedic bravado and battlefield ingenuity, making these HEX values indispensable for authentic fan art, cosplay references, and themed UI design projects requiring precise One Piece character accuracy.
Usopp One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Saffron | #F2C230 | 242, 194, 48 | 0, 20, 80, 5 | |
| Aztec Gold | #C49352 | 196, 147, 82 | 0, 25, 58, 23 | |
| Nutmeg | #7A4A2B | 122, 74, 43 | 0, 39, 65, 52 | |
| Eerie Black | #201D1B | 32, 29, 27 | 0, 9, 16, 87 | |
| Fruit Salad | #5E9A4C | 94, 154, 76 | 39, 0, 51, 40 |
Usopp CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Usopp One Piece Palette */
--usopp-one-piece-saffron: #F2C230;
--usopp-one-piece-aztec-gold: #C49352;
--usopp-one-piece-nutmeg: #7A4A2B;
--usopp-one-piece-eerie-black: #201D1B;
--usopp-one-piece-fruit-salad: #5E9A4C;
}
More One Piece Character Color Palettes Color Codes (Yellow Palette)
Usopp CSS Gradients
Beautiful gradient backgrounds inspired by Usopp’s aesthetic. Click to copy the CSS code.
Usopp Color Scheme Breakdown
Saffron#F2C230
This golden mustard yellow is the base tone of Usopp’s waist sash and small strap accents, and it matches the Straw Hats’ familiar symbolic color for him, signaling loud bravado, comic fear, and inventive showmanship.
Aztec Gold#C49352
This warm tan ochre forms the main base of Usopp’s classic overalls and workwear panels, sitting under the brighter sash; it feels practical, earthy, and adventurous, like a traveling sniper’s patched gear.
Nutmeg#7A4A2B
This deep leather brown appears on Usopp’s boots, belts, satchel, and the wooden body of his classic slingshot, giving the silhouette a handmade, crafty, Pinocchio-like storyteller weight on every battlefield.
Eerie Black#201D1B
This soft ink black is the flat base of Usopp’s curly hair, later ponytail, goatee, and Kuro Kabuto’s dark frame, keeping the brighter cloth, goggles, and plant tricks visually anchored.
Fruit Salad#5E9A4C
This lively plant green identifies Usopp’s New World Pop Green ammunition and the sprouts, vines, and traps fired through Kuro Kabuto, transforming his cowardice into range, control, and unexpected battlefield creativity.
Usopp 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Usopp’s palette for a perfectly balanced visual hierarchy.
Usopp UI Component Preview
Here is a live example of how the Usopp color palette looks when applied to a modern UI component.
Usopp
Sniper Storyteller
“I am the brave warrior of the sea, Captain Usopp!”
Usopp 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 Usopp’s aesthetic.
- Main LED: 242, 194, 48
- Accent LED: 196, 147, 82
The Design Philosophy behind Usopp’s Palette
Usopp’s color palette masterfully balances warmth and utility to mirror his dual nature as both a fearful liar and a courageous hero. The dominant Aztec Gold #C49352 grounds his silhouette in practicality, representing his humble origins and hands-on craftsmanship, while Saffron #F2C230 injects vibrant energy symbolizing his exaggerated tales and hidden bravery. Deep Nutmeg #7A4A2B anchors the design with tactile, handmade authenticity reminiscent of wooden tools and worn leather, reinforcing his Pinocchio-inspired archetype. Meanwhile, Fruit Salad #5E9A4C visually communicates his New World evolution into a tactical plant-based fighter. This intentional contrast between earthy neutrals and lively accents ensures instant recognition across media, proving how strategic color coding can narrate character growth without dialogue.
Best Usopp Color Combinations
Brave Inventor Accent
The high contrast between bright Saffron and deep Nutmeg creates a focal point ideal for highlighting interactive UI elements or emblematic badges.
Tactical Earth Tone
Aztec Gold and Fruit Salad form a harmonious natural pairing that evokes adventure and organic creativity, perfect for eco-themed or RPG interface backgrounds.
Explore More One Piece Character Color Palettes Character Color Codes
Download Usopp One Piece Color Palette
Usopp .ASE Swatches
For Adobe Swatches & Procreate
Usopp .SVG Palette
Vector Color Palette
Usopp .PNG Image
High-Quality Palette Preview
FAQs about Usopp One Piece Color Codes
What is the HEX code for Usopp’s curly hair?
Usopp’s curly hair uses the Eerie Black color with HEX code #201D1B, providing a soft ink-black base that anchors his brighter clothing accents.
What are the main colors in Usopp’s classic outfit?
His primary outfit features Aztec Gold #C49352 for the overalls and Saffron #F2C230 for the waist sash, creating a warm, adventurous sniper aesthetic.
Which color represents Usopp’s Pop Green ammunition?
The Fruit Salad green with HEX #5E9A4C specifically identifies his New World Pop Green plants and vine-based attacks fired from Kuro Kabuto.












