Borsalino (One Piece) Color Codes: Official Palette & HEX Values

Borsalino (One Piece) Color Codes: Official Palette & HEX Values

Borsalino, the Yellow Monkey Admiral from One Piece, embodies laid-back menace through a meticulously crafted color palette. His iconic suit uses Starship #F5DA45 to channel his Pika Pika no Mi radiance, while Half Colonial White #FDF9D8 softens the ensemble with ethereal luminosity. The grounding Old Copper #6B4F2C Marine coat reinforces his authoritative rank. For designers seeking authentic anime color codes, this balanced scheme captures both Kizaru’s trolling nonchalance and devastating light-speed power, making it ideal for character-focused UI themes or branding inspired by One Piece aesthetics.

Starship
#F5DA45
Old Copper
#6B4F2C
Half Colonial White
#FDF9D8
Geebung
#C8811A
Eerie Black
#262626

Borsalino One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Starship #F5DA45 245, 218, 69 0, 11, 72, 4
Old Copper #6B4F2C 107, 79, 44 0, 26, 59, 58
Half Colonial White #FDF9D8 253, 249, 216 0, 2, 15, 1
Geebung #C8811A 200, 129, 26 0, 36, 87, 22
Eerie Black #262626 38, 38, 38 0, 0, 0, 85

Borsalino CSS & Tailwind Color Variables

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

:root {
/* Borsalino One Piece Palette */
--borsalino-one-piece-starship: #F5DA45;
--borsalino-one-piece-old-copper: #6B4F2C;
--borsalino-one-piece-half-colonial-white: #FDF9D8;
--borsalino-one-piece-geebung: #C8811A;
--borsalino-one-piece-eerie-black: #262626;
}

Borsalino CSS Gradients

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

Click to Copy CSS
Starship to Geebung#F5DA45 → #C8811A
Click to Copy CSS
Half Colonial White to Starship#FDF9D8 → #F5DA45

Borsalino Color Scheme Breakdown

Starship#F5DA45

This bright golden-yellow covers Borsalino’s tailored suit, reflecting his epithet ‘Kizaru’ (Yellow Monkey) and the radiant, light-hearted nonchalance of his Pika Pika no Mi Logia powers.

Old Copper#6B4F2C

A muted dark brown defines his standard-issue Marine coat draped over his shoulders, representing his rank as an Admiral and the strict World Government justice he embodies.

Half Colonial White#FDF9D8

This pale, luminous yellow appears on his light-patterned shirt and tie, softening the suit’s intensity and visually echoing the glowing, ethereal core of his laser-based attacks.

Geebung#C8811A

An amber-orange tint is present in his distinctive yellow-striped vest, adding a layer of textured, vintage contrast to his attire that mirrors the focused energy charging his light-speed kicks.

Eerie Black#262626

Deep charcoal-black colors his short curly hair and sleek sunglasses, framing his relaxed expression and concealing the true menace behind his lazy, trolling demeanor.

Borsalino 60-30-10 Design Rule

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

60% Background
#FDF9D8
30% Primary
#262626
10% Accent
#F5DA45

Use Half Colonial White (#FDF9D8) for large background spaces, Eerie Black (#262626) for primary text and structural UI elements, and vibrant Starship (#F5DA45) exclusively for call-to-action buttons and important highlights.

Borsalino UI Component Preview

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

Borsalino

Radiant Light Admiral

“Have you ever been kicked at the speed of light?”

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

  • Main LED: 245, 218, 69
  • Accent LED: 107, 79, 44

The Design Philosophy behind Borsalino’s Palette

Borsalino’s color philosophy masterfully juxtaposes radiant warmth with institutional authority to mirror his deceptive personality. The dominant Starship #F5DA45 visually translates his Logia light powers and carefree demeanor, while Eerie Black #262626 sunglasses and hair conceal underlying threat—a direct color-coded narrative device. Geebung #C8811A adds vintage texture to his vest, echoing charged energy without overwhelming the palette. This combination succeeds because each hex value serves dual purposes: aesthetic harmony and storytelling. Designers leveraging these color codes can replicate Oda’s technique of using saturation and contrast to imply character depth, ensuring UI elements feel both vibrant and psychologically layered for One Piece-themed digital experiences.

Best Borsalino Color Combinations

Light Speed Authority

The high-contrast pairing of golden yellow and dark brown creates visual hierarchy ideal for CTAs or headers in Admiral-themed UI designs.

Luminous Menace

Pale yellow against deep charcoal ensures WCAG-compliant readability while evoking Kizaru’s eerie calm beneath blinding light attacks.

Download Borsalino One Piece Color Palette

ASE

Borsalino .ASE Swatches

For Adobe Swatches & Procreate

SVG

Borsalino .SVG Palette

Vector Color Palette

PNG

Borsalino .PNG Image

High-Quality Palette Preview

FAQs about Borsalino One Piece Color Codes

What is the exact HEX code for Borsalino’s signature yellow suit?

Borsalino’s tailored suit uses Starship #F5DA45, representing his Kizaru epithet and Pika Pika no Mi light powers.

Which colors define Borsalino’s overall Marine Admiral outfit palette?

His core palette combines Starship #F5DA45 for the suit, Old Copper #6B4F2C for the Marine coat, and Half Colonial White #FDF9D8 for the shirt.

What HEX code represents Borsalino’s sunglasses and hair accent color?

Eerie Black #262626 defines both his sleek sunglasses and short curly hair, framing his deceptively relaxed expression.

Copied