• Home
  • /
  • Anime
  • /
  • One Piece
  • /
  • King One Piece Color Codes & Palette: Official HEX Values for UI Design

King One Piece Color Codes & Palette: Official HEX Values for UI Design

King One Piece Color Codes & Palette: Official HEX Values for UI Design

King, the Wildfire of the Beasts Pirates, embodies a striking visual identity perfect for dark-themed UI and character-inspired graphic design. His official color palette balances the imposing Eerie Black (#1A1A1A) of his leather suit with the ethereal Merino (#F5F0E1) blonde hair, creating exceptional contrast for accessibility and hierarchy. The signature Mexican Red (#B22222) representing his Lunarian flames serves as a high-impact accent color for CTAs or status indicators. This curated collection of King One Piece color codes provides designers with precise HEX values to replicate his aristocratic yet brutal aesthetic in digital interfaces, ensuring brand-consistent fan art, game UI skins, or themed web projects.

Eerie Black
#1A1A1A
Merino
#F5F0E1
Mexican Red
#B22222
Cork
#4A2B1E
Old Gold
#D4AF37

King One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Eerie Black #1A1A1A 26, 26, 26 0, 0, 0, 90
Merino #F5F0E1 245, 240, 225 0, 2, 8, 4
Mexican Red #B22222 178, 34, 34 0, 81, 81, 30
Cork #4A2B1E 74, 43, 30 0, 42, 59, 71
Old Gold #D4AF37 212, 175, 55 0, 17, 74, 17

King CSS & Tailwind Color Variables

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

:root {
/* King One Piece Palette */
--king-one-piece-eerie-black: #1A1A1A;
--king-one-piece-merino: #F5F0E1;
--king-one-piece-mexican-red: #B22222;
--king-one-piece-cork: #4A2B1E;
--king-one-piece-old-gold: #D4AF37;
}

King CSS Gradients

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

Click to Copy CSS
Eerie Black to Cork#1A1A1A → #4A2B1E
Click to Copy CSS
Mexican Red to Eerie Black#B22222 → #1A1A1A

King Color Scheme Breakdown

Eerie Black#1A1A1A

The deep charcoal-black of King’s full-body leather suit and distinctive masked helmet, representing his enigmatic, stoic, and imposing presence as the lead performer of the Beasts Pirates.

Merino#F5F0E1

The off-white, platinum blonde of his long flowing hair, which starkly contrasts his dark uniform and Lunarian white wings, highlighting his serene and aristocratic demeanor amidst his brutality.

Mexican Red#B22222

The fireball red of the perpetual, roaring flames on his back, directly tied to his ancient Lunarian heritage; the fire is a signature biological trait that fuels his incredible speed and power.

Cork#4A2B1E

The dark umber-brown of his massive, leathery Pteranodon wings in full Zoan transformation, emphasizing the raw, prehistoric terror of his Ancient Zoan Devil Fruit, the Ryu Ryu no Mi, Model: Pteranodon.

Old Gold#D4AF37

The metallic gold of the ornate spikes adorning his leather gimp mask and his sword’s tsuba, providing a regal, almost divine accent to his bondage-inspired uniform, fitting for a man once called a ‘god’ on Punk Hazard.

King 60-30-10 Design Rule

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

60% Background
#F5F0E1
30% Primary
#4A2B1E
10% Accent
#1A1A1A

Use Merino (#F5F0E1) for large background spaces, Cork (#4A2B1E) for primary text and structural UI elements, and vibrant Eerie Black (#1A1A1A) exclusively for call-to-action buttons and important highlights.

King UI Component Preview

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

King

Lunarian Calamity

“As long as my flames are burning, I am invincible!”

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

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

The Design Philosophy behind King’s Palette

The King One Piece color palette is a masterclass in narrative-driven UI color theory. The dominant Eerie Black (#1A1A1A) establishes authority and mystery, functioning as an ideal dark mode base that reduces eye strain while conveying power. Designers leverage the Mexican Red (#B22222) not just as lore-accurate fire representation, but as a functional semantic color for danger states, active abilities, or critical alerts due to its high visibility against dark backgrounds. The Old Gold (#D4AF37) accents introduce regal hierarchy without overwhelming saturation, perfect for premium badges or borders. Meanwhile, Merino (#F5F0E1) ensures WCAG-compliant text contrast on dark surfaces. This combination succeeds because every hex code serves dual purposes: honoring Oda’s character design while fulfilling modern UI/UX requirements for readability, emotional tone, and interactive feedback in gaming or anime-themed digital products.

Best King Color Combinations

Infernal Authority

Eerie Black provides a deep neutral canvas that makes Mexican Red pop as a high-contrast action or alert color in dark UI themes.

Regal Contrast

Old Gold on Eerie Black creates a luxurious, accessible pairing ideal for headers, icons, or premium tier indicators in character-based designs.

Download King One Piece Color Palette

ASE

King .ASE Swatches

For Adobe Swatches & Procreate

SVG

King .SVG Palette

Vector Color Palette

PNG

King .PNG Image

High-Quality Palette Preview

FAQs about King One Piece Color Codes

What is the exact HEX code for King’s Lunarian flame color?

King’s iconic back flames use Mexican Red with HEX code #B22222, perfect for replicating his fiery Lunarian trait in digital art or UI accents.

What is the primary outfit color in King’s official palette?

King’s full-body leather suit and mask are Eerie Black (#1A1A1A), serving as the foundational dark base for his entire color scheme and UI dark modes.

Which color represents King’s divine or regal accents?

Old Gold (#D4AF37) is used for the metallic spikes on his mask and sword tsuba, providing a regal highlight that contrasts beautifully against his dark uniform.

Copied