Nappa Color Codes & Palette – Dragon Ball Z HEX Values for Designers

Nappa Color Codes & Palette – Dragon Ball Z HEX Values for Designers

Nappa, the bald, muscular Saiyan elite from Dragon Ball Z, remains one of the most visually striking villains in anime history. His aggressive, no-nonsense personality is perfectly mirrored in a color palette dominated by deep, earthy tones. Designers searching for Nappa color codes will find that Leather Jacket (#2E4A3A) anchors his iconic armor, while Mirage (#1B2A3A) defines the combat suit underneath. The warm Gold Sand (#E6B88A) of his exposed skin adds a humanizing contrast to the otherwise dark scheme. Whether you’re building a fan site, creating UI mockups, or designing merchandise, these five HEX values capture the raw, brutal energy of the Saiyan saga.

Leather Jacket
#2E4A3A
Mirage
#1B2A3A
Gold Sand
#E6B88A
Eerie Black
#1E1E1E
Sushi
#8FBC3F

Nappa Dragon Ball Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Leather Jacket #2E4A3A 46, 74, 58 38, 0, 22, 71
Mirage #1B2A3A 27, 42, 58 53, 28, 0, 77
Gold Sand #E6B88A 230, 184, 138 0, 20, 40, 10
Eerie Black #1E1E1E 30, 30, 30 0, 0, 0, 88
Sushi #8FBC3F 143, 188, 63 24, 0, 66, 26

Nappa CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Nappa Dragon Ball Palette */
--nappa-dragon-ball-leather-jacket: #2E4A3A;
--nappa-dragon-ball-mirage: #1B2A3A;
--nappa-dragon-ball-gold-sand: #E6B88A;
--nappa-dragon-ball-eerie-black: #1E1E1E;
--nappa-dragon-ball-sushi: #8FBC3F;
}

Nappa CSS Gradients

Beautiful gradient backgrounds inspired by Nappa’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Leather Jacket to Eerie Black#2E4A3A → #1E1E1E
Click to Copy CSS
Gold Sand to Leather Jacket#E6B88A → #2E4A3A

Nappa Color Scheme Breakdown

Leather Jacket#2E4A3A

Dark green is the dominant shade of Nappa’s Saiyan armor, covering his massive chest and shoulders. It connects him to the warrior caste and makes him instantly recognizable in the Saiyan saga.

Mirage#1B2A3A

This deep navy blue is the color of Nappa’s tight-fitting combat suit beneath the armor. It provides a dark backdrop for the green plates and matches his boots and gloves.

Gold Sand#E6B88A

This warm tan shade represents Nappa’s exposed bald head and facial skin, giving him a human-like appearance that contrasts with the dark armor and enhances his tough look as a Saiyan.

Eerie Black#1E1E1E

This solid black is the color of Nappa’s beard and mustache, framing his fierce face and reinforcing his rough, warlike Saiyan personality during battle in the Saiyan saga against Earth.

Sushi#8FBC3F

This bright yellow-green is the color of Nappa’s scouter lens, the signature Saiyan device used for detecting power levels and scanning opponents in the field during the invasion of Earth.

Nappa 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Nappa’s palette for a perfectly balanced visual hierarchy.

60% Background
#E6B88A
30% Primary
#1E1E1E
10% Accent
#2E4A3A

Use Gold Sand (#E6B88A) for large background spaces, Eerie Black (#1E1E1E) for primary text and structural UI elements, and vibrant Leather Jacket (#2E4A3A) exclusively for call-to-action buttons and important highlights.

Nappa UI Component Preview

Here is a live example of how the Nappa color palette looks when applied to a modern UI component.

Nappa

Saiyan Elite Warrior

“Vegeta, what does the scouter say about his power level?”

Nappa 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 Nappa’s aesthetic.

  • Main LED: 46, 74, 58
  • Accent LED: 27, 42, 58

The Design Philosophy behind Nappa’s Palette

Nappa’s color palette is a masterclass in visual storytelling through restraint. Toriyama’s design team deliberately limited the scheme to five HEX values, ensuring every hue serves a narrative purpose. The dominant Leather Jacket green (#2E4A3A) and Mirage navy (#1B2A3A) evoke military authority and the rigid Saiyan warrior hierarchy, while the warm Gold Sand (#E6B88A) skin tone prevents the character from becoming an impersonal silhouette. The single pop of Sushi green (#8FBC3F) in the scouter lens introduces a tech accent that signals Nappa’s role as a scout and combat analyst. Meanwhile, Eerie Black (#1E1E1E) facial hair grounds his brutish identity. This balance of dark dominance with strategic warm highlights creates instant readability at any scale—a principle every UI designer should study when building high-contrast, character-driven interfaces.

Best Nappa Color Combinations

Armored Earth Contrast

The deep Leather Jacket green against warm Gold Sand skin creates a natural organic contrast that mimics foliage against sunlight, ideal for hero banners and character cards where foreground legibility is critical.

Tactical Night Signal

Pairing the near-black Mirage navy with the vivid Sushi scouter green produces a high-visibility accent combo perfect for dark-mode UI dashboards, notification badges, and data-viz highlights.

Download Nappa Dragon Ball Color Palette

ASE

Nappa .ASE Swatches

For Adobe Swatches & Procreate

SVG

Nappa .SVG Palette

Vector Color Palette

PNG

Nappa .PNG Image

High-Quality Palette Preview

FAQs about Nappa Dragon Ball Color Codes

What is the exact HEX color code for Nappa’s bald head and skin in Dragon Ball Z?

Nappa’s exposed scalp and facial skin uses the Gold Sand shade, HEX #E6B88A (RGB 230, 184, 138). This warm tan provides the primary light value in his palette and contrasts sharply against his dark armor.

What colors make up Nappa’s main Saiyan armor and combat suit?

The armor plates are rendered in Leather Jacket green, HEX #2E4A3A, while the tight-fitting bodysuit beneath uses Mirage navy, HEX #1B2A3A. Together these two dark tones form the core of his warrior silhouette.

What is the accent color of Nappa’s scouter lens and how can I use it in a design?

The scouter lens is the bright Sushi green, HEX #8FBC3F. Because it is the only saturated, high-chroma value in the palette, it works perfectly as a CTA button color, progress-bar fill, or interactive highlight against the darker #1B2A3A and #2E4A3A backgrounds.

Copied