King Piccolo Color Codes – Complete HEX Palette & RGB Values | Dragon Ball UI/UX Guide

King Piccolo Color Codes – Complete HEX Palette & RGB Values | Dragon Ball UI/UX Guide

King Piccolo stands as one of Dragon Ball’s most terrifying antagonists, radiating ruthless ambition and ancient Namekian fury. His visual identity is built on a deliberately intimidating palette that designers and UI artists frequently reference for villain-themed projects. The aged demon’s skin is rendered in Sushi (#7CB342), a medium green that instantly signals his alien heritage. Against it, the Cyber Grape (#4B3B6B) gi adds regal darkness, while Tall Poppy (#C0392B) accents pulse with bloodthirsty menace. Together, these color codes form a high-contrast scheme perfect for dark-mode interfaces, gaming dashboards, and editorial layouts seeking authoritative, menacing energy.

Sushi
#7CB342
Cyber Grape
#4B3B6B
Blue Jeans
#5DADE2
Alabaster
#F8F8F8
Tall Poppy
#C0392B

King Piccolo Dragon Ball Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Sushi #7CB342 124, 179, 66 31, 0, 63, 30
Cyber Grape #4B3B6B 75, 59, 107 30, 45, 0, 58
Blue Jeans #5DADE2 93, 173, 226 59, 23, 0, 11
Alabaster #F8F8F8 248, 248, 248 0, 0, 0, 3
Tall Poppy #C0392B 192, 57, 43 0, 70, 78, 25

King Piccolo CSS & Tailwind Color Variables

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

:root {
/* King Piccolo Dragon Ball Palette */
--king-piccolo-dragon-ball-sushi: #7CB342;
--king-piccolo-dragon-ball-cyber-grape: #4B3B6B;
--king-piccolo-dragon-ball-blue-jeans: #5DADE2;
--king-piccolo-dragon-ball-alabaster: #F8F8F8;
--king-piccolo-dragon-ball-tall-poppy: #C0392B;
}

King Piccolo CSS Gradients

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

Click to Copy CSS
Sushi to Alabaster#7CB342 → #F8F8F8
Click to Copy CSS
Blue Jeans to Sushi#5DADE2 → #7CB342

King Piccolo Color Scheme Breakdown

Sushi#7CB342

This medium green tone covers King Piccolo’s aged Namekian skin, emphasizing his alien demon heritage and the very menacing, battle-worn aura he carries throughout the classic original Dragon Ball storyline.

Cyber Grape#4B3B6B

This dark violet-blue tone appears on King Piccolo’s sleeveless martial arts gi, conveying his royal demonic authority while contrasting sharply with his pale green skin during the series’ most intense confrontations.

Blue Jeans#5DADE2

This bright light blue tone marks King Piccolo’s belt sash, adding a cool visual break in his dark outfit and reflecting the calm yet deadly confidence of the Demon King.

Alabaster#F8F8F8

This off-white tone covers King Piccolo’s flowing cape, symbolizing his self-styled royal status and creating a dramatic silhouette that makes his green skin and dark gi instantly stand out during battles.

Tall Poppy#C0392B

This deep red tone appears on the inner lining of King Piccolo’s cape and his demon emblem, signaling danger and the bloodthirsty ambition that drives his ruthless conquest throughout the arc.

King Piccolo 60-30-10 Design Rule

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

60% Background
#F8F8F8
30% Primary
#4B3B6B
10% Accent
#7CB342

Use Alabaster (#F8F8F8) for large background spaces, Cyber Grape (#4B3B6B) for primary text and structural UI elements, and vibrant Sushi (#7CB342) exclusively for call-to-action buttons and important highlights.

King Piccolo UI Component Preview

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

King Piccolo

Demonic Conqueror King

“I am the great Demon King Piccolo! The entire world shall kneel before my power!”

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

  • Main LED: 124, 179, 66
  • Accent LED: 75, 59, 107

The Design Philosophy behind King Piccolo’s Palette

Akira Toriyama’s design philosophy for King Piccolo revolves around visual hierarchy through opposition. The dominant Sushi (#7CB342) green anchors the character as something inhuman and ancient, while the deep Cyber Grape (#4B3B6B) gi strips away any warmth, reinforcing his demonic royalty. The single slash of Blue Jeans (#5DADE2) at the belt acts as a deliberate cooling breath—a moment of deceptive calm before violence. The Alabaster (#F8F8F8) cape amplifies silhouette contrast, making the darker tones feel heavier and more oppressive. Finally, Tall Poppy (#C0392B) is reserved exclusively for the cape lining and demon emblem, hiding danger beneath a regal exterior. This layered approach teaches UI designers how to encode narrative tension directly into a five-color HEX palette, guiding the viewer’s eye from authority to hidden threat.

Best King Piccolo Color Combinations

Demonic Throne Contrast

The warm alien green against the cool royal violet creates a powerful complementary tension ideal for hero banners, villain cards, and dark-themed dashboard headers where immediate visual hierarchy is essential.

Hidden Menace Reveal

Pairing near-white with deep crimson mimics the cape-lining reveal, making it perfect for alert states, error notifications, and call-to-action buttons that demand urgent attention without overwhelming the layout.

Download King Piccolo Dragon Ball Color Palette

ASE

King Piccolo .ASE Swatches

For Adobe Swatches & Procreate

SVG

King Piccolo .SVG Palette

Vector Color Palette

PNG

King Piccolo .PNG Image

High-Quality Palette Preview

FAQs about King Piccolo Dragon Ball Color Codes

What is the exact HEX color code for King Piccolo’s green skin?

King Piccolo’s aged Namekian skin uses the HEX code #7CB342 (RGB 124, 179, 66), a medium green officially named Sushi. This shade is ideal for replicating his iconic alien-demon appearance in character design, fan art palettes, or themed UI components.

What colors make up King Piccolo’s main outfit and cape?

His sleeveless martial arts gi is rendered in Cyber Grape (#4B3B6B), while the flowing outer cape uses Alabaster (#F8F8F8). The belt sash adds a Blue Jeans (#5DADE2) accent. Together these three HEX codes form the core silhouette of his royal demonic wardrobe.

What accent color represents King Piccolo’s demon emblem and cape lining?

The deep red Tall Poppy (#C0392B, RGB 192, 57, 43) is used exclusively for the inner cape lining and his demon emblem. In UI design, this HEX value works perfectly as a danger indicator, premium badge accent, or high-contrast highlight against darker backgrounds.

Copied