Neuvillette, the composed Hydro magistrate from Genshin Impact, communicates authority through a tightly considered HEX palette. His stately coat is rooted in #1F2B4F Cloud Burst, ornamental hydro accents gleam in #6FA8D7 Danube, and icy hair highlights read as #E9F3FF Zumthor—three anchors any UI designer will appreciate. For creators searching for Neuvillette color codes or a ready HEX palette for character cards, interfaces, and branding, this combination balances gravitas and clarity while keeping a distinct aquatic identity ideal for justice- or water-themed designs.
Neuvillette Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cloud Burst | #1F2B4F | 31, 43, 79 | 61, 46, 0, 69 | |
| East Bay | #3D4E86 | 61, 78, 134 | 54, 42, 0, 47 | |
| Danube | #6FA8D7 | 111, 168, 215 | 48, 22, 0, 16 | |
| Zumthor | #E9F3FF | 233, 243, 255 | 9, 5, 0, 0 | |
| Cold Purple | #B8A7D9 | 184, 167, 217 | 15, 23, 0, 15 |
Neuvillette CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Neuvillette Genshin Impact Palette */
--neuvillette-genshin-impact-cloud-burst: #1F2B4F;
--neuvillette-genshin-impact-east-bay: #3D4E86;
--neuvillette-genshin-impact-danube: #6FA8D7;
--neuvillette-genshin-impact-zumthor: #E9F3FF;
--neuvillette-genshin-impact-cold-purple: #B8A7D9;
}More Genshin Impact Character Color Palettes Color Codes (Blue Palette)
Neuvillette CSS Gradients
Beautiful gradient backgrounds inspired by Neuvillette’s aesthetic. Click to copy the CSS code.
Neuvillette Color Scheme Breakdown
Cloud Burst#1F2B4F
Deep navy appears across Neuvillette’s formal coat and layered suit panels, anchoring his magistrate-like silhouette; it conveys authority, restraint, and the calm weight of Fontaine’s justice.
East Bay#3D4E86
Muted steel-blue is prominent in the coat’s inner sections and trim blocks, bridging dark tailoring with hydro motifs; it reads as composed, judicial elegance with an aquatic undertone.
Danube#6FA8D7
Cool light azure shows in ornamental accents and hydro-themed details around his attire, echoing flowing water; it highlights his elemental identity and adds clarity and refinement to the design.
Zumthor#E9F3FF
Icy off-white dominates his long hair and select fabric highlights, creating a dignified contrast against dark blues; it suggests purity, impartiality, and a serene, rainlike presence.
Cold Purple#B8A7D9
Soft lavender-grey appears in secondary cloth accents and decorative elements, subtly warming the blue scheme; it evokes aristocratic finesse and the faintly ethereal tone of his hydro authority.
Neuvillette 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Neuvillette’s palette for a perfectly balanced visual hierarchy.
Neuvillette UI Component Preview
Here is a live example of how the Neuvillette color palette looks when applied to a modern UI component.
Neuvillette
Hydro Magistrate
“Justice flows like water.”
Neuvillette 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 Neuvillette’s aesthetic.
- Main LED: 31, 43, 79
- Accent LED: 61, 78, 134
The Design Philosophy behind Neuvillette’s Palette
The design philosophy behind Neuvillette’s palette uses contrast and narrative cohesion to reflect his role and temperament. Dark navy #1F2B4F (Cloud Burst) establishes judicial weight and silhouette, while mid steel-blue #3D4E86 (East Bay) bridges tailoring and aquatic motifs. Bright azure #6FA8D7 (Danube) supplies elemental cues and focal highlights, and the icy off-white #E9F3FF (Zumthor) creates visual separation for hair and fabric accents. Soft lavender-grey #B8A7D9 (Cold Purple) adds aristocratic warmth without breaking the hydro tone. For UI/UX practitioners referencing Neuvillette HEX palette or searching for exact color codes, this five-color system provides readable contrast, hierarchical clarity, and versatile pairings suited to both character art and interface components.
Best Neuvillette Color Combinations
Judicial Depths
Deep navy paired with cool azure creates authoritative contrast ideal for headers, callouts, and primary CTA accents in justice-themed UIs.
Icy Accent Balance
Icy off-white with soft lavender-grey produces elegant, low-contrast highlights perfect for secondary panels and decorative UI elements.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Neuvillette Genshin Impact Color Palette
Neuvillette .ASE Swatches
For Adobe Swatches & Procreate
Neuvillette .SVG Palette
Vector Color Palette
Neuvillette .PNG Image
High-Quality Palette Preview
FAQs about Neuvillette Genshin Impact Color Codes
What is the exact color of Neuvillette’s hair?
Neuvillette’s hair is an icy off-white represented by HEX #E9F3FF (Zumthor).
Which HEX code represents Neuvillette’s main coat color?
The main coat color is the deep navy HEX #1F2B4F (Cloud Burst).
What HEX is used for his hydro accents or ornamental details?
Hydro-themed accents are captured by the cool azure HEX #6FA8D7 (Danube).
