Belle from Zenless Zone Zero fuses pop-idol charisma with neon-tech aesthetics, making her a standout case study for character palette design. Her bubblegum base Mauvelous (#F08FBF), the deeper trim Medium Red Violet (#C13B82), and the electric accent Robin’s Egg Blue (#00D1C6) create an immediate personality while Woodsmoke (#0B0B0E) grounds the silhouette and Catskill White (#F5F7FA) keeps highlights readable. Designers searching for Belle color codes or a precise HEX palette will find actionable insight here for UI, renders, and asset consistency across lighting scenarios and HUD elements.
Belle Zenless Zone Zero Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mauvelous | #F08FBF | 240, 143, 191 | 0, 40, 20, 6 | |
| Medium Red Violet | #C13B82 | 193, 59, 130 | 0, 69, 33, 24 | |
| Robin’s Egg Blue | #00D1C6 | 0, 209, 198 | 100, 0, 5, 18 | |
| Woodsmoke | #0B0B0E | 11, 11, 14 | 21, 21, 0, 95 | |
| Catskill White | #F5F7FA | 245, 247, 250 | 2, 1, 0, 2 |
Belle CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Belle Zenless Zone Zero Palette */
--belle-zenless-zone-zero-mauvelous: #F08FBF;
--belle-zenless-zone-zero-medium-red-violet: #C13B82;
--belle-zenless-zone-zero-robin's-egg-blue: #00D1C6;
--belle-zenless-zone-zero-woodsmoke: #0B0B0E;
--belle-zenless-zone-zero-catskill-white: #F5F7FA;
}More Zenless Zone Zero Character Color Palettes Color Codes (Pink Palette)
Belle CSS Gradients
Beautiful gradient backgrounds inspired by Belle’s aesthetic. Click to copy the CSS code.
Belle Color Scheme Breakdown
Mauvelous#F08FBF
This soft bubblegum pink (#F08FBF) appears primarily in Belle’s hair base and ribbon accents, projecting youthful warmth, sweetness, and the character’s playful pop-idol visual identity within the game’s colorful urban environment.
Medium Red Violet#C13B82
This deeper magenta tone (#C13B82) appears on Belle’s jacket trim, emblem details, and inner garment layers, providing mid-tone contrast that intensifies focal areas and communicates boldness and stylized femininity in her outfit.
Robin’s Egg Blue#00D1C6
This bright cyan-teal neon (#00D1C6) is used for circuitry lines, weapon energy conduits, and small accessory glows, signaling Belle’s techno-pop powers, adding high-contrast visual punch and a futuristic, energetic accent to her silhouette.
Woodsmoke#0B0B0E
This near-black (#0B0B0E) is applied to Belle’s bodysuit, boots, and inner lining, anchoring the colorful palette with strong silhouette definition, practical urban combat feel, and visual depth against brighter highlights and shading.
Catskill White#F5F7FA
This cool off-white (#F5F7FA) appears on Belle’s collars, small fabric panels, and accessory trims, softening the overall look, providing breathable highlights, and ensuring legibility of facial features and costume motifs across lighting scenarios.
Belle 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Belle’s palette for a perfectly balanced visual hierarchy.
Belle UI Component Preview
Here is a live example of how the Belle color palette looks when applied to a modern UI component.
Belle
Techno Pop Idol
“Lights on, heart loud—let’s make the city sing!”
Belle 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 Belle’s aesthetic.
- Main LED: 240, 143, 191
- Accent LED: 193, 59, 130
The Design Philosophy behind Belle’s Palette
The design philosophy behind Belle’s palette balances vibrant personality with functional clarity. Developers use Mauvelous (#F08FBF) to telegraph youth and approachability, Medium Red Violet (#C13B82) to deepen focal garments, and Robin’s Egg Blue (#00D1C6) as a high-energy tech accent that reads clearly on-screen. Woodsmoke (#0B0B0E) provides silhouette definition and contrast necessary for combat and UI legibility, while Catskill White (#F5F7FA) supplies breathable highlights that prevent color fatigue. This combination succeeds because it integrates storytelling (idol vs. techno powers), practical contrast for gameplay, and reproducible HEX color codes ideal for consistent UI/graphic implementation.
Best Belle Color Combinations
Pop Anchor Contrast
A high-contrast pairing where Mauvelous’s playful pink pops against Woodsmoke’s near-black for clear silhouette and focal emphasis in UI and character art.
Neon Accent Glow
Robin’s Egg Blue with Catskill White creates a bright, readable accent system ideal for energy effects, HUD highlights, and micro-interactions.
Explore More Zenless Zone Zero Character Color Palettes Character Color Codes
Download Belle Zenless Zone Zero Color Palette
Belle .ASE Swatches
For Adobe Swatches & Procreate
Belle .SVG Palette
Vector Color Palette
Belle .PNG Image
High-Quality Palette Preview
FAQs about Belle Zenless Zone Zero Color Codes
What is Belle’s hair color HEX code?
Belle’s hair base is the bubblegum pink Mauvelous with HEX #F08FBF.
Which color anchors Belle’s outfit and provides silhouette contrast?
The outfit is visually anchored by the near-black Woodsmoke, HEX #0B0B0E, used on the bodysuit and boots for depth and legibility.
Which HEX is used for energetic tech highlights and accessory glows?
Tech accents and energy conduits use Robin’s Egg Blue, HEX #00D1C6, often paired with Catskill White (#F5F7FA) for clarity.
