Hiyori One Piece Color Codes: Official Palette & HEX Values

Hiyori One Piece Color Codes: Official Palette & HEX Values

Hiyori, the resilient princess of Wano in One Piece, embodies grace and hidden strength through a meticulously crafted color palette. Her design integrates Eastern Blue (#1E90B0) as the dominant kimono tone, conveying nobility and serenity, while Albescent White (#F5E6D3) softens her silhouette with purity and restraint. Accents of Mexican Red (#B22222) inject emotional intensity into her obi and ornaments, symbolizing suppressed vengeance. For designers seeking authentic anime color codes, this balanced triad offers both cultural fidelity and visual harmony, making it ideal for character-driven UI themes, fan art assets, or narrative-rich digital experiences rooted in One Piece lore.

Eastern Blue
#1E90B0
Albescent White
#F5E6D3
Mexican Red
#B22222
Bossanova
#4B2E5A
Gold
#FFD700

Hiyori One Piece Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Eastern Blue #1E90B0 30, 144, 176 83, 18, 0, 31
Albescent White #F5E6D3 245, 230, 211 0, 6, 14, 4
Mexican Red #B22222 178, 34, 34 0, 81, 81, 30
Bossanova #4B2E5A 75, 46, 90 17, 49, 0, 65
Gold #FFD700 255, 215, 0 0, 16, 100, 0

Hiyori CSS & Tailwind Color Variables

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

:root {
/* Hiyori One Piece Palette */
--hiyori-one-piece-eastern-blue: #1E90B0;
--hiyori-one-piece-albescent-white: #F5E6D3;
--hiyori-one-piece-mexican-red: #B22222;
--hiyori-one-piece-bossanova: #4B2E5A;
--hiyori-one-piece-gold: #FFD700;
}

Hiyori CSS Gradients

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

Click to Copy CSS
Eastern Blue to Bossanova#1E90B0 → #4B2E5A
Click to Copy CSS
Mexican Red to Eastern Blue#B22222 → #1E90B0

Hiyori Color Scheme Breakdown

Eastern Blue#1E90B0

This shade represents Hiyori’s primary kimono, a elegant blue with floral patterns, symbolizing her calm and noble spirit as Kozuki Oden’s daughter hiding in the Flower Capital.

Albescent White#F5E6D3

This soft cream hue covers the inner layers and collar of her kimono, reflecting the purity and gentle facade she maintains while secretly preserving the Kozuki clan’s will.

Mexican Red#B22222

A striking crimson used in her obi sash and hair ornaments, evoking the hidden fire and vengeance of a samurai’s daughter who endured years of humiliation for her family’s honor.

Bossanova#4B2E5A

Dark purple accents appear on her kimono’s floral motifs and shamisen strap, conveying the royalty and deep sorrow she carries while living under the alias Komurasaki in Wano.

Gold#FFD700

Golden yellow highlights her kanzashi hairpins and the intricate embroidery on her attire, representing the dawn of the Kozuki family and her unwavering hope for liberating Wano Country.

Hiyori 60-30-10 Design Rule

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

60% Background
#F5E6D3
30% Primary
#4B2E5A
10% Accent
#1E90B0

Use Albescent White (#F5E6D3) for large background spaces, Bossanova (#4B2E5A) for primary text and structural UI elements, and vibrant Eastern Blue (#1E90B0) exclusively for call-to-action buttons and important highlights.

Hiyori UI Component Preview

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

Hiyori

Noble Samurai Heiress

“I am Kozuki Hiyori, daughter of Oden, and I will see Wano opened once more!”

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

  • Main LED: 30, 144, 176
  • Accent LED: 245, 230, 211

The Design Philosophy behind Hiyori’s Palette

Hiyori’s color scheme is a masterclass in narrative-driven UI color coding. The developers use Eastern Blue (#1E90B0) not just as a base but as a psychological anchor—calm yet authoritative—mirroring her composed exterior amid trauma. Albescent White (#F5E6D3) functions as negative space, guiding visual focus while reinforcing her moral integrity. Mexican Red (#B22222) serves as an emotional trigger, strategically placed to draw attention without overwhelming. Bossanova (#4B2E5A) adds regal depth to motifs, and Gold (#FFD700) punctuates hope. This intentional hierarchy ensures each hex code carries semantic weight, enabling designers to replicate storytelling through color alone in interfaces, branding, or illustration systems tied to One Piece aesthetics.

Best Hiyori Color Combinations

Noble Serenity Contrast

Eastern Blue and Albescent White create a high-legibility, culturally resonant pairing ideal for elegant UI backgrounds or character profile cards.

Vengeance Accent Flare

Mexican Red and Gold form a bold, emotionally charged duo perfect for call-to-action buttons or highlight elements in One Piece-themed designs.

Download Hiyori One Piece Color Palette

ASE

Hiyori .ASE Swatches

For Adobe Swatches & Procreate

SVG

Hiyori .SVG Palette

Vector Color Palette

PNG

Hiyori .PNG Image

High-Quality Palette Preview

FAQs about Hiyori One Piece Color Codes

What is the HEX code for Hiyori’s primary kimono color?

Hiyori’s main kimono uses Eastern Blue with HEX code #1E90B0, representing her noble and calm demeanor.

Which colors define Hiyori’s overall outfit palette?

Her core palette combines Eastern Blue (#1E90B0), Albescent White (#F5E6D3), and Mexican Red (#B22222) for a balanced mix of serenity, purity, and hidden passion.

What accent color is used in Hiyori’s hair ornaments?

Her kanzashi hairpins feature Gold (#FFD700), symbolizing hope and the Kozuki clan’s enduring legacy.

Copied