Vergo One Piece Color Codes: Official Palette & HEX Values

Vergo One Piece Color Codes: Official Palette & HEX Values

Vergo, the deceptive Marine Vice Admiral in One Piece, embodies a duality of order and violence through his distinct visual identity. For designers seeking accurate Vergo color codes, his palette is anchored by #F5F5F5 Cultured Pearl, representing his pristine coat and false purity. This is starkly contrasted with #1A1A1A Eerie Black from his sunglasses and hair, conveying emotional detachment. The shocking #8B0000 Red Berry symbolizes bloodshed and sadism, completing a high-impact scheme. These precise HEX values are essential for creating authentic One Piece-themed UI kits, cosplay references, or graphic designs that capture Vergo’s menacing yet disciplined aesthetic accurately.

Cultured Pearl
#F5F5F5
Eerie Black
#1A1A1A
Red Berry
#8B0000
Alto
#D3D3D3
Gold
#FFD700

Vergo One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Cultured Pearl #F5F5F5 245, 245, 245 0, 0, 0, 4
Eerie Black #1A1A1A 26, 26, 26 0, 0, 0, 90
Red Berry #8B0000 139, 0, 0 0, 100, 100, 45
Alto #D3D3D3 211, 211, 211 0, 0, 0, 17
Gold #FFD700 255, 215, 0 0, 16, 100, 0

Vergo CSS & Tailwind Color Variables

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

:root {
/* Vergo One Piece Palette */
--vergo-one-piece-cultured-pearl: #F5F5F5;
--vergo-one-piece-eerie-black: #1A1A1A;
--vergo-one-piece-red-berry: #8B0000;
--vergo-one-piece-alto: #D3D3D3;
--vergo-one-piece-gold: #FFD700;
}

Vergo CSS Gradients

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

Click to Copy CSS
Cultured Pearl to Alto#F5F5F5 → #D3D3D3
Click to Copy CSS
Red Berry to Cultured Pearl#8B0000 → #F5F5F5

Vergo Color Scheme Breakdown

Cultured Pearl#F5F5F5

The dominant shade of his long, flowing kendo practitioner’s coat, symbolizing an outward facade of calm, order, and deceptive purity that masks his sadistic nature.

Eerie Black#1A1A1A

The solid black of his slicked-back hair and distinctive round sunglasses, creating an impenetrable, emotionless gaze that conceals his true monstrous intent.

Red Berry#8B0000

A deep crimson residue often splattered across his face and coat after combat, visually representing his violent sadism and direct connection to bloodshed.

Alto#D3D3D3

The metallic silver-grey of the bamboo stick he constantly carries, which serves as the hardened shell for his deadly full-body Armament Haki weapon.

Gold#FFD700

The bright golden hue of his earrings against his black hair, adding a subtle flash of gangster-like flamboyance to his otherwise stark and monochromatic appearance.

Vergo 60-30-10 Design Rule

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

60% Background
#D3D3D3
30% Primary
#1A1A1A
10% Accent
#F5F5F5

Use Alto (#D3D3D3) for large background spaces, Eerie Black (#1A1A1A) for primary text and structural UI elements, and vibrant Cultured Pearl (#F5F5F5) exclusively for call-to-action buttons and important highlights.

Vergo UI Component Preview

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

Vergo

Sadistic Marine Vice Admiral

“Don’t forget to smile!”

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

  • Main LED: 245, 245, 245
  • Accent LED: 26, 26, 26

The Design Philosophy behind Vergo’s Palette

Vergo’s color philosophy masterfully uses high-contrast color codes to visualize narrative duality. The dominance of #F5F5F5 Cultured Pearl establishes a facade of Marine discipline, while #1A1A1A Eerie Black creates an impenetrable emotional barrier, perfect for UI elements requiring authority and mystery. The strategic use of #8B0000 Red Berry as an accent disrupts this calm, signaling danger and violence—ideal for call-to-action buttons or warning states in dark-themed interfaces. Meanwhile, #D3D3D3 Alto provides neutral balance for structural components, and #FFD700 Gold adds subtle hierarchy without overpowering. This palette succeeds because each hex code serves both aesthetic and storytelling functions, making it highly effective for character-driven design systems where visual tone must align with narrative subtext.

Best Vergo Color Combinations

Deceptive Purity Contrast

The pristine white and deep crimson create maximum visual tension, ideal for highlighting violent actions against clean backgrounds in UI or poster design.

Stoic Authority Duo

Near-black paired with metallic silver-grey delivers a sleek, professional contrast perfect for navigation bars, weapon icons, or minimalist character cards.

Download Vergo One Piece Color Palette

ASE

Vergo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Vergo .SVG Palette

Vector Color Palette

PNG

Vergo .PNG Image

High-Quality Palette Preview

FAQs about Vergo One Piece Color Codes

What is the HEX code for Vergo’s signature coat color?

Vergo’s coat uses #F5F5F5 (Cultured Pearl), a near-white shade symbolizing his deceptive outward calm and Marine facade.

What are the primary colors in Vergo’s overall outfit palette?

His main palette consists of #F5F5F5 Cultured Pearl for the coat and #1A1A1A Eerie Black for hair and sunglasses, forming a stark monochromatic base.

Which color represents Vergo’s violent nature and how is it coded?

Blood-red #8B0000 (Red Berry) visually signifies his sadism and combat residue, serving as the key accent color in his design scheme.

Copied