Nami, the brilliant navigator of the Straw Hat Pirates, features a distinctive color palette that captures her vibrant personality and nautical expertise. Her iconic look is anchored by Pizazz (#FF8C00), representing her flowing orange hair and energetic spirit. Designers seeking accurate One Piece color codes will find her fair skin rendered in Negroni (#FFDFC4), creating perfect contrast against her bright hair. The palette balances warmth with oceanic tones through Dodger Blue (#1E90FF), reflecting her navigation tools and seafaring dreams. This carefully curated combination offers excellent accessibility ratios for UI design while staying true to Eiichiro Oda’s original character aesthetics.
Nami One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Pizazz | #FF8C00 | 255, 140, 0 | 0, 45, 100, 0 | |
| Negroni | #FFDFC4 | 255, 223, 196 | 0, 13, 23, 0 | |
| Mule Fawn | #8B5A2B | 139, 90, 43 | 0, 35, 69, 45 | |
| Dodger Blue | #1E90FF | 30, 144, 255 | 88, 44, 0, 0 | |
| Jungle Green | #3EB489 | 62, 180, 137 | 66, 0, 24, 29 |
Nami CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Nami One Piece Palette */
--nami-one-piece-pizazz: #FF8C00;
--nami-one-piece-negroni: #FFDFC4;
--nami-one-piece-mule-fawn: #8B5A2B;
--nami-one-piece-dodger-blue: #1E90FF;
--nami-one-piece-jungle-green: #3EB489;
}More One Piece Color Codes (Orange Palette)
Nami CSS Gradients
Beautiful gradient backgrounds inspired by Nami’s aesthetic. Click to copy the CSS code.
Nami Color Scheme Breakdown
Pizazz#FF8C00
This vibrant orange defines Nami’s long flowing hair, her most recognizable feature across the entire series, symbolizing her energetic spirit, warmth, and deep connection to Bellemere’s tangerine grove back home in Cocoyasi Village.
Negroni#FFDFC4
This soft peachy tone covers Nami’s fair skin, visible on her face, arms and midriff, giving her a warm healthy glow that contrasts her bright hair and reflects her youthful, lively presence.
Mule Fawn#8B5A2B
This warm light brown shades Nami’s expressive eyes, conveying her sharp intelligence, determination and occasional mischief, especially when she negotiates money matters or scolds her crewmates aboard the Thousand Sunny ship.
Dodger Blue#1E90FF
This bright ocean blue appears on Nami’s Clima-Tact weapon, her log pose and many outfits, echoing her role as the crew’s navigator and her dream of charting the entire world map.
Jungle Green#3EB489
This fresh mint green colors Nami’s iconic post-timeskip bikini top, highlighting her confident matured design while complementing her orange hair and reinforcing the adventurous tropical spirit of the Straw Hat crew.
Nami 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Nami’s palette for a perfectly balanced visual hierarchy.
Nami UI Component Preview
Here is a live example of how the Nami color palette looks when applied to a modern UI component.
Nami
Straw Hat Navigator
“I love money and tangerines!”
Nami 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 Nami’s aesthetic.
- Main LED: 255, 140, 0
- Accent LED: 255, 223, 196
The Design Philosophy behind Nami’s Palette
Nami’s color philosophy masterfully balances emotional warmth with professional competence through strategic color coding. The dominant Pizazz (#FF8C00) establishes her passionate, approachable nature while connecting to her tragic backstory with Bellemere’s tangerine groves. Designers appreciate how Negroni (#FFDFC4) provides necessary visual breathing room, preventing the intense orange from overwhelming compositions. The Dodger Blue (#1E90FF) serves dual purposes: it reinforces her navigator identity through nautical associations while creating complementary contrast against warm tones. Jungle Green (#3EB489) adds tropical freshness that prevents monotony in extended design applications. This palette succeeds because each hex value carries narrative weight while maintaining WCAG-compliant contrast ratios essential for accessible UI design and digital illustrations.
Best Nami Color Combinations
Tropical Navigator Contrast
This complementary pairing of warm Pizazz orange and cool Dodger Blue creates high-impact visual hierarchy perfect for call-to-action buttons and navigation elements in maritime-themed interfaces.
Sun-Kissed Harmony
The analogous relationship between vibrant Pizazz and soft Negroni produces a warm, inviting gradient effect ideal for background layers and character-focused UI cards.
Explore More One Piece Character Color Codes
Download Nami One Piece Color Palette
Nami .ASE Swatches
For Adobe Swatches & Procreate
Nami .SVG Palette
Vector Color Palette
Nami .PNG Image
High-Quality Palette Preview
FAQs about Nami One Piece Color Codes
What is the exact HEX code for Nami’s orange hair?
Nami’s signature orange hair uses the hex code #FF8C00, known as Pizazz, which symbolizes her energetic spirit and connection to Bellemere’s tangerine grove.
Which colors define Nami’s post-timeskip outfit palette?
Her post-timeskip look combines Jungle Green (#3EB489) for the bikini top with Negroni (#FFDFC4) skin tone, accented by Dodger Blue (#1E90FF) accessories representing her navigator role.
What hex value represents Nami’s eye color?
Nami’s expressive brown eyes use the hex code #8B5A2B (Mule Fawn), conveying her intelligence and determination while providing neutral grounding within the vibrant palette.
