Neptune One Piece Color Codes: Official UI Palette & HEX Values

Neptune One Piece Color Codes: Official UI Palette & HEX Values

Neptune, the benevolent ruler of Fish-Man Island in One Piece, embodies oceanic majesty through a carefully curated color palette essential for accurate fan art and UI design. His iconic look relies on Fun Blue (#1A5BA0) for his flowing hair and trident, establishing immediate maritime authority. Designers seeking authentic character color codes should note the regal Di Serria (#D6A04B) accenting his crown and armor, perfectly balanced by the warm Early Dawn (#FFF8E7) ivory cape. This specific combination of deep blues and metallic golds creates a high-contrast, accessible scheme ideal for digital interfaces inspired by underwater royalty.

Fun Blue
#1A5BA0
Sandy brown
#F4A460
Di Serria
#D6A04B
Early Dawn
#FFF8E7
Mule Fawn
#8B5A2B

Neptune One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Fun Blue #1A5BA0 26, 91, 160 84, 43, 0, 37
Sandy brown #F4A460 244, 164, 96 0, 33, 61, 4
Di Serria #D6A04B 214, 160, 75 0, 25, 65, 16
Early Dawn #FFF8E7 255, 248, 231 0, 3, 9, 0
Mule Fawn #8B5A2B 139, 90, 43 0, 35, 69, 45

Neptune CSS & Tailwind Color Variables

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

:root {
/* Neptune One Piece Palette */
--neptune-one-piece-fun-blue: #1A5BA0;
--neptune-one-piece-sandy-brown: #F4A460;
--neptune-one-piece-di-serria: #D6A04B;
--neptune-one-piece-early-dawn: #FFF8E7;
--neptune-one-piece-mule-fawn: #8B5A2B;
}

Neptune CSS Gradients

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

Click to Copy CSS
Fun Blue to Early Dawn#1A5BA0 → #FFF8E7
Click to Copy CSS
Di Serria to Fun Blue#D6A04B → #1A5BA0

Neptune Color Scheme Breakdown

Fun Blue#1A5BA0

This deep ocean blue dominates Neptune’s voluminous, wavy hair and his distinctive trident, symbolizing his royal authority over the Ryugu Kingdom and his inherent connection to the sea’s profound mysteries.

Sandy brown#F4A460

A sandy orange-brown defines Neptune’s coiffured moustache, goatee, and arm fins, representing his merman heritage and evoking the ancient, weathered coral structures of the ocean floor where he reigns.

Di Serria#D6A04B

This burnished gold adorns his ornate crown, massive arm bands, and the intricate accents on his trident, emphasizing his regal status as a monarch and the immense wealth of Fish-Man Island’s underwater civilization.

Early Dawn#FFF8E7

A warm ivory tone colors Neptune’s majestic royal cape draped over his shoulders, signifying a sense of peace, wisdom, and the benevolent spirit with which he governs his subjects in the deep sea.

Mule Fawn#8B5A2B

A rich, dark leather-brown appears on his muscular, exposed torso and the trident’s central grip, reflecting the raw, formidable physical strength of a giant great white shark merman and his warrior nature.

Neptune 60-30-10 Design Rule

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

60% Background
#FFF8E7
30% Primary
#8B5A2B
10% Accent
#1A5BA0

Use Early Dawn (#FFF8E7) for large background spaces, Mule Fawn (#8B5A2B) for primary text and structural UI elements, and vibrant Fun Blue (#1A5BA0) exclusively for call-to-action buttons and important highlights.

Neptune UI Component Preview

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

Neptune

Ryugu Kingdom Monarch

“I am the king of this island, and I will protect my people with my life!”

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

  • Main LED: 26, 91, 160
  • Accent LED: 244, 164, 96

The Design Philosophy behind Neptune’s Palette

The design philosophy behind Neptune’s color codes prioritizes narrative storytelling through chromatic hierarchy. The dominance of Fun Blue (#1A5BA0) is not merely aesthetic; it functions as a visual anchor representing his elemental bond with the sea, ensuring instant character recognition in UI elements. Contrasting this cool tone with Sandy Brown (#F4A460) and Mule Fawn (#8B5A2B) grounds the ethereal blue, symbolizing his biological merman heritage and physical warrior strength. For designers, this palette demonstrates how to balance thematic symbolism with functional contrast. The burnished gold (#D6A04B) serves as a strategic highlight, guiding user attention to key focal points like the crown or weapon, proving that effective character color codes must serve both lore accuracy and visual usability.

Best Neptune Color Combinations

Oceanic Royal Authority

Pairing deep Fun Blue with burnished Di Serria gold creates a classic complementary contrast that signifies luxury and power while maintaining excellent WCAG accessibility ratios for text overlays.

Warm Abyssal Balance

Combining Sandy Brown with Early Dawn ivory establishes a soft, organic gradient perfect for background textures or secondary UI panels, preventing visual fatigue associated with Neptune’s dominant dark blues.

Download Neptune One Piece Color Palette

ASE

Neptune .ASE Swatches

For Adobe Swatches & Procreate

SVG

Neptune .SVG Palette

Vector Color Palette

PNG

Neptune .PNG Image

High-Quality Palette Preview

FAQs about Neptune One Piece Color Codes

What is the exact HEX code for Neptune’s hair and trident?

Neptune’s voluminous wavy hair and distinctive trident use the hex code #1A5BA0, known as Fun Blue, which represents his royal authority over the Ryugu Kingdom.

Which colors define Neptune’s primary royal outfit palette?

His main attire combines the deep ocean blue #1A5BA0 with the ornate gold #D6A04B (Di Serria) for accessories, creating a high-contrast regal aesthetic suitable for hero sections.

What color is used for Neptune’s skin and muscular torso details?

Neptune’s exposed torso and trident grip feature the rich leather-brown shade #8B5A2B (Mule Fawn), reflecting his great white shark merman physiology and warrior strength.

Copied