Otohime, the beloved queen of Fish-Man Island in One Piece, embodies empathy and grace through a meticulously crafted color palette essential for character-inspired UI projects. Her signature hair uses Illusion (#F8A8B8), a soft pink conveying maternal warmth, while her traditional attire features Stark White (#E8D5C4) to signify purity and diplomatic authority. Designers seeking authentic One Piece color codes will find Piggy Pink (#FDE0E5) crucial for replicating her ethereal skin tone and delicate highlights. This harmonious blend of pastel and cream hues offers a unique, emotionally resonant foundation for digital interfaces, cosplay references, or fan art requiring precise hex values tied to narrative depth.
Otohime One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Illusion | #F8A8B8 | 248, 168, 184 | 0, 32, 26, 3 | |
| Stark White | #E8D5C4 | 232, 213, 196 | 0, 8, 16, 9 | |
| Fuzzy Wuzzy Brown | #C45A6B | 196, 90, 107 | 0, 54, 45, 23 | |
| Piggy Pink | #FDE0E5 | 253, 224, 229 | 0, 11, 9, 1 | |
| Big Dip O Ruby | #9B2A40 | 155, 42, 64 | 0, 73, 59, 39 |
Otohime CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Otohime One Piece Palette */
--otohime-one-piece-illusion: #F8A8B8;
--otohime-one-piece-stark-white: #E8D5C4;
--otohime-one-piece-fuzzy-wuzzy-brown: #C45A6B;
--otohime-one-piece-piggy-pink: #FDE0E5;
--otohime-one-piece-big-dip-o-ruby: #9B2A40;
}More One Piece Color Codes (Pink Palette)
Otohime CSS Gradients
Beautiful gradient backgrounds inspired by Otohime’s aesthetic. Click to copy the CSS code.
Otohime Color Scheme Breakdown
Illusion#F8A8B8
This soft pink dominates Otohime’s long flowing hair, symbolizing her gentle, compassionate nature and unwavering maternal love that moved an entire nation.
Stark White#E8D5C4
A warm cream-ivory tone of her traditional kimono base, reflecting her royal status as queen while emphasizing purity, diplomacy, and her peaceful approach to leadership.
Fuzzy Wuzzy Brown#C45A6B
A deeper rose accent found in the geometric patterns and obi details of her attire, representing the quiet inner strength and passionate conviction behind her serene exterior.
Piggy Pink#FDE0E5
This pale blush tone appears on her skin and kimono highlights, enhancing her fragile physical constitution and ethereal, almost luminous presence among the Ryugu Kingdom royalty.
Big Dip O Ruby#9B2A40
A dark crimson-magenta seen in the subtle trim and accessories of her outfit, visually tying her to the Fish-Man Island royal family lineage and her hidden resolve.
Otohime 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Otohime’s palette for a perfectly balanced visual hierarchy.
Otohime UI Component Preview
Here is a live example of how the Otohime color palette looks when applied to a modern UI component.
Otohime
Compassionate Queen
“Please… listen to my words!”
Otohime 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 Otohime’s aesthetic.
- Main LED: 248, 168, 184
- Accent LED: 232, 213, 196
The Design Philosophy behind Otohime’s Palette
The Otohime color palette is a masterclass in narrative-driven UI color theory, where each hex code serves dual aesthetic and storytelling functions. Illusion (#F8A8B8) isn’t merely decorative; its low saturation mirrors her non-confrontational diplomacy, making it ideal for calming interface backgrounds. Stark White (#E8D5C4) avoids sterile brightness by incorporating warm undertones, reflecting her humanity amid royalty—a key consideration when selecting accessible neutral bases. The strategic use of Big Dip O Ruby (#9B2A40) as a high-contrast accent ensures WCAG compliance while symbolizing hidden resolve, proving that emotional authenticity and functional contrast can coexist. This palette succeeds because every color choice reinforces character lore without sacrificing usability, offering designers a template for embedding meaning into color systems beyond superficial theming.
Best Otohime Color Combinations
Gentle Authority Contrast
Illusion’s soft pink provides an empathetic base while Big Dip O Ruby delivers accessible contrast for CTAs or critical UI elements, balancing warmth with legibility.
Royal Serenity Base
Stark White’s warm neutrality pairs with Fuzzy Wuzzy Brown’s muted rose to create a sophisticated, low-fatigue background system suitable for content-heavy interfaces inspired by Otohime’s dignified presence.
Explore More One Piece Character Color Codes
Download Otohime One Piece Color Palette
Otohime .ASE Swatches
For Adobe Swatches & Procreate
Otohime .SVG Palette
Vector Color Palette
Otohime .PNG Image
High-Quality Palette Preview
FAQs about Otohime One Piece Color Codes
What is the exact HEX code for Otohime’s hair color?
Otohime’s flowing hair uses the hex code #F8A8B8, named Illusion, a soft pink representing her compassionate nature.
Which color defines Otohime’s primary kimono in official palettes?
Her traditional kimono base is Stark White with hex #E8D5C4, a warm cream-ivory tone symbolizing royal purity and peaceful leadership.
What accent color represents Otohime’s inner strength and royal lineage?
Big Dip O Ruby (#9B2A40) serves as the deep crimson-magenta accent in her outfit trim, visually anchoring her resolve and Fish-Man Island heritage.
