Page One One Piece Color Codes: Official Palette & HEX Values

Page One One Piece Color Codes: Official Palette & HEX Values

Page One from One Piece embodies a rebellious gothic-punk aesthetic through a meticulously curated color palette perfect for character design references. His signature Royal Purple (#6B3FA0) dominates his dinosaur-themed cap, establishing visual hierarchy within the Beasts Pirates. The contrasting Albescent White (#F5E6D3) hair softens his fierce appearance, while Jacarta (#4A2C6E) adds depth to his cape and striped pants. These specific HEX codes are essential for designers seeking accurate Page One fan art, cosplay guides, or UI themes inspired by Tobiroppo officers. Understanding this precise color scheme helps replicate his unique blend of melancholic demeanor and primal Spinosaurus power in digital projects.

Royal Purple
#6B3FA0
Albescent White
#F5E6D3
White
#FFFFFF
Jacarta
#4A2C6E
Twine
#C49A6C

Page One One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Royal Purple #6B3FA0 107, 63, 160 33, 61, 0, 37
Albescent White #F5E6D3 245, 230, 211 0, 6, 14, 4
White #FFFFFF 255, 255, 255 0, 0, 0, 0
Jacarta #4A2C6E 74, 44, 110 33, 60, 0, 57
Twine #C49A6C 196, 154, 108 0, 21, 45, 23

Page One CSS & Tailwind Color Variables

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

:root {
/* Page One One Piece Palette */
--page-one-one-piece-royal-purple: #6B3FA0;
--page-one-one-piece-albescent-white: #F5E6D3;
--page-one-one-piece-white: #FFFFFF;
--page-one-one-piece-jacarta: #4A2C6E;
--page-one-one-piece-twine: #C49A6C;
}

Page One CSS Gradients

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

Click to Copy CSS
Royal Purple to Jacarta#6B3FA0 → #4A2C6E
Click to Copy CSS
White to Royal Purple#FFFFFF → #6B3FA0

Page One Color Scheme Breakdown

Royal Purple#6B3FA0

This deep violet dominates Page One’s large dinosaur-themed cap with horns and spikes, establishing his punkish, rebellious personality while visually linking him to the Beasts Pirates’ signature purple uniform color scheme.

Albescent White#F5E6D3

A pale cream tone that colors his long, flowing hair, creating a stark contrast with his darker attire and emphasizing his somewhat melancholic, laid-back facial expression despite his ferocious Zoan abilities.

White#FFFFFF

Pure white appears on his loose-fitting, unbuttoned shirt worn beneath the cape, symbolizing a deceptive sense of casual innocence that clashes violently with his brutal Spinosaurus transformations in combat.

Jacarta#4A2C6E

A darker eggplant purple used for his cape and the striped pattern on his pants, adding depth to his design and reinforcing the hierarchical, gothic-punk aesthetic shared by the Tobiroppo elite officers.

Twine#C49A6C

This muted tan appears on his horns, claws, and dinosaur snout when transformed, bridging the gap between his human form and his Ancient Zoan Spinosaurus attributes with a primal, earthy menace.

Page One 60-30-10 Design Rule

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

60% Background
#FFFFFF
30% Primary
#4A2C6E
10% Accent
#6B3FA0

Use White (#FFFFFF) for large background spaces, Jacarta (#4A2C6E) for primary text and structural UI elements, and vibrant Royal Purple (#6B3FA0) exclusively for call-to-action buttons and important highlights.

Page One UI Component Preview

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

Page One

Tobiroppo Spinosaurus

“I’m going to kill you!”

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

  • Main LED: 107, 63, 160
  • Accent LED: 245, 230, 211

The Design Philosophy behind Page One’s Palette

The Page One color palette demonstrates masterful narrative-driven character design where every HEX code serves storytelling purposes. Royal Purple (#6B3FA0) and Jacarta (#4A2C6E) create a gothic-punk foundation reflecting Tobiroppo elite status, while Albescent White (#F5E6D3) hair introduces emotional complexity beneath his brutal exterior. The strategic use of Twine (#C49A6C) bridges human and Ancient Zoan forms, ensuring visual continuity during transformations. Pure White (#FFFFFF) on his shirt creates deceptive innocence that amplifies combat shock value. This combination succeeds because it balances faction identity with individual personality traits. For UI designers, these colors offer a proven template for creating characters that communicate both organizational belonging and personal depth through chromatic contrast and symbolic saturation levels.

Best Page One Color Combinations

Gothic Punk Authority

Royal Purple and Jacarta create a monochromatic purple gradient that establishes hierarchical authority while maintaining punk aesthetic cohesion in character uniforms.

Melancholic Contrast

Albescent White against Royal Purple delivers high-contrast readability that emphasizes emotional duality between gentle appearance and fierce Zoan abilities.

Download Page One One Piece Color Palette

ASE

Page One .ASE Swatches

For Adobe Swatches & Procreate

SVG

Page One .SVG Palette

Vector Color Palette

PNG

Page One .PNG Image

High-Quality Palette Preview

FAQs about Page One One Piece Color Codes

What is the HEX code for Page One’s distinctive hair color?

Page One’s flowing hair uses Albescent White with HEX code #F5E6D3, creating stark contrast against his darker purple attire.

Which colors define Page One’s main outfit and cape?

His primary outfit features Royal Purple (#6B3FA0) on the cap and Jacarta (#4A2C6E) for the cape and pant stripes, forming the core Tobiroppo color scheme.

What color represents Page One’s Spinosaurus transformation features?

Twine (#C49A6C) colors his horns, claws, and dinosaur snout, providing an earthy bridge between human and Ancient Zoan beast forms.

Copied