Nefertari Vivi is a beloved One Piece character whose visual identity perfectly balances royal elegance with compassionate warmth. For designers seeking accurate color codes, her palette offers exceptional versatility. Her iconic wavy hair uses Jordy Blue (#8FD3F4), creating a soft yet memorable focal point, while Cultured Pearl (#F5F5F5) defines her pristine royal attire. The warm Frangipani (#FFD9B3) skin tone adds approachability to this cool-toned scheme. This carefully curated combination makes Vivi’s color palette ideal for fan art, UI themes, and character-inspired graphic design projects requiring both gentle aesthetics and strong visual recognition.
Vivi One Piece Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Jordy Blue | #8FD3F4 | 143, 211, 244 | 41, 14, 0, 4 | |
| Cultured Pearl | #F5F5F5 | 245, 245, 245 | 0, 0, 0, 4 | |
| Danube | #5B9BD5 | 91, 155, 213 | 57, 27, 0, 16 | |
| Frangipani | #FFD9B3 | 255, 217, 179 | 0, 15, 30, 0 | |
| Di Serria | #D4A24C | 212, 162, 76 | 0, 24, 64, 17 |
Vivi CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Vivi One Piece Palette */
--vivi-one-piece-jordy-blue: #8FD3F4;
--vivi-one-piece-cultured-pearl: #F5F5F5;
--vivi-one-piece-danube: #5B9BD5;
--vivi-one-piece-frangipani: #FFD9B3;
--vivi-one-piece-di-serria: #D4A24C;
}More One Piece Color Codes (Blue Palette)
Vivi CSS Gradients
Beautiful gradient backgrounds inspired by Vivi’s aesthetic. Click to copy the CSS code.
Vivi Color Scheme Breakdown
Jordy Blue#8FD3F4
This light sky blue appears in Vivi’s long, wavy hair, her most iconic feature, symbolizing her gentle yet resilient spirit as the princess of Alabasta who carries the hopes of her desert kingdom.
Cultured Pearl#F5F5F5
This soft white dominates Vivi’s princess dress and her casual Alabasta attire, representing her purity, royal dignity, and selfless devotion to protecting her people throughout the kingdom’s devastating civil war conflict.
Danube#5B9BD5
This medium azure blue appears in the striped patterns and trim details of Vivi’s dance outfit and travel attire, reflecting her connection to water and her role as a bringer of hope and rain.
Frangipani#FFD9B3
This warm peachy beige represents Vivi’s natural skin tone, grounding her character design in subtle warmth that contrasts beautifully with her cool blue hair and emphasizes her approachable, deeply compassionate royal nature.
Di Serria#D4A24C
This muted golden brown appears in Vivi’s sandals, belt accessories, and royal jewelry details, evoking the desert sands of Alabasta and her noble heritage as heir to the Nefertari royal family.
Vivi 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Vivi’s palette for a perfectly balanced visual hierarchy.
Vivi UI Component Preview
Here is a live example of how the Vivi color palette looks when applied to a modern UI component.
Vivi
Alabasta Princess
“I will stop the rebellion! I won’t let anyone else die!”
Vivi 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 Vivi’s aesthetic.
- Main LED: 143, 211, 244
- Accent LED: 245, 245, 245
The Design Philosophy behind Vivi’s Palette
Vivi’s color philosophy masterfully communicates her dual identity as both a desert princess and a compassionate peacemaker through strategic color coding. The dominant Jordy Blue (#8FD3F4) symbolizes water and hope in arid Alabasta, directly reflecting her narrative role as a rain-bringer. Cultured Pearl (#F5F5F5) reinforces royal purity without appearing cold, thanks to the grounding Frangipani (#FFD9B3) warmth. Danube (#5B9BD5) accents provide visual hierarchy in travel outfits, while Di Serria (#D4A24C) golden accessories anchor her desert heritage. This balanced warm-cool interplay succeeds because every hex code serves storytelling purposes, making the palette emotionally resonant and functionally effective for character-driven UI design and branding applications.
Best Vivi Color Combinations
Desert Sky Harmony
Jordy Blue and Di Serria create a natural complementary contrast that evokes Alabasta’s sky-meets-sand landscape, perfect for headers and accent buttons in themed UI.
Royal Softness
Cultured Pearl with Danube trim offers a clean, accessible pairing ideal for card backgrounds and text highlights, ensuring readability while maintaining Vivi’s elegant aesthetic.
Explore More One Piece Character Color Codes
Download Vivi One Piece Color Palette
Vivi .ASE Swatches
For Adobe Swatches & Procreate
Vivi .SVG Palette
Vector Color Palette
Vivi .PNG Image
High-Quality Palette Preview
FAQs about Vivi One Piece Color Codes
What is the exact HEX code for Vivi’s iconic blue hair?
Vivi’s signature wavy hair uses Jordy Blue with HEX code #8FD3F4, representing her gentle resilience and connection to water in the Alabasta arc.
What are the primary colors in Vivi’s princess outfit?
Her main attire features Cultured Pearl (#F5F5F5) as the base white, accented with Danube (#5B9BD5) blue stripes and Di Serria (#D4A24C) gold accessories for royal detail.
Which HEX code represents Vivi’s jewelry and desert-themed accessories?
Vivi’s sandals, belt, and royal jewelry use Di Serria (#D4A24C), a muted golden brown that reflects Alabasta’s desert sands and her Nefertari lineage.
