Jean of Mondstadt blends disciplined leadership with approachable warmth through a tightly controlled palette. Her dominant navy #2E4E84 (Chambray) defines the knightly silhouette, while #EAE3D6 (Pearl Bush) softens the uniform with ceremonial off-white; touches of #D7B56B (Tacha) add muted gold prestige. For designers searching for Jean color codes or HEX references, this palette offers clear role-driven contrast and practical values for UI, branding, and fan art — a study in combining authority and humanity in color-driven character design.
Jean Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Chambray | #2E4E84 | 46, 78, 132 | 65, 41, 0, 48 | |
| Pearl Bush | #EAE3D6 | 234, 227, 214 | 0, 3, 9, 8 | |
| Tacha | #D7B56B | 215, 181, 107 | 0, 16, 50, 16 | |
| Giants Club | #A64C4A | 166, 76, 74 | 0, 54, 55, 35 | |
| Tacao | #F0C08E | 240, 192, 142 | 0, 20, 41, 6 |
Jean CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Jean Genshin Impact Palette */
--jean-genshin-impact-chambray: #2E4E84;
--jean-genshin-impact-pearl-bush: #EAE3D6;
--jean-genshin-impact-tacha: #D7B56B;
--jean-genshin-impact-giants-club: #A64C4A;
--jean-genshin-impact-tacao: #F0C08E;
}More Genshin Impact Color Codes (Blue Palette)
Jean CSS Gradients
Beautiful gradient backgrounds inspired by Jean’s aesthetic. Click to copy the CSS code.
Jean Color Scheme Breakdown
Chambray#2E4E84
Deep navy-blue is the dominant tone on Jean’s coat and outer fabric panels, defining her knightly silhouette and conveying disciplined authority, calm leadership, and the cool, airy identity of Mondstadt.
Pearl Bush#EAE3D6
Warm off-white appears on Jean’s blouse, inner lining, and trim, balancing the uniform’s severity while signaling purity, duty, and the clean, ceremonial elegance associated with the Acting Grand Master.
Tacha#D7B56B
Muted gold accents show up on her shoulder details, buttons, embroidery, and emblem-like ornaments, suggesting prestige, rank, and refined craftsmanship, while adding a regal highlight to the otherwise restrained palette.
Giants Club#A64C4A
Desaturated crimson is used for Jean’s sash and small garment accents, providing a commanding focal contrast that implies courage and resolve, echoing military regalia without overpowering her calm, dignified presence.
Tacao#F0C08E
Soft peach-beige represents Jean’s skin tone and ties the outfit together, adding warmth and approachability; it offsets the cool blues and whites, keeping her heroic image human and grounded.
Jean 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Jean’s palette for a perfectly balanced visual hierarchy.
Jean UI Component Preview
Here is a live example of how the Jean color palette looks when applied to a modern UI component.
Jean
Acting Grand Master
“I will protect Mondstadt with all my strength.”
Jean 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 Jean’s aesthetic.
- Main LED: 46, 78, 132
- Accent LED: 234, 227, 214
The Design Philosophy behind Jean’s Palette
The design philosophy behind Jean’s palette centers on narrative clarity and hierarchical signaling. Developers use the deep Chambray (#2E4E84) to communicate authority and calm leadership, while Pearl Bush (#EAE3D6) provides purity and ceremonial balance; muted gold Tacha (#D7B56B) highlights rank and craftsmanship without overpowering the scheme. The desaturated crimson Giants Club (#A64C4A) supplies focal contrast for sashes and accents, and skin tone Tacao (#F0C08E) grounds the character in warmth. This constrained, complementary set makes Jean’s silhouette readable at small scales and ideal for UI applications—search intent like “Jean palette” or “HEX codes for Jean” often targets these practical color relationships.
Best Jean Color Combinations
Knightly Contrast
Deep Chambray against Pearl Bush creates clear foreground/background contrast suitable for headers, badges, and navigation bars.
Regal Accent
Muted gold paired with desaturated crimson offers an elegant accent pairing for buttons, icons, and emblem details.
Explore More Genshin Impact Character Color Codes
Download Jean Genshin Impact Color Palette
Jean .ASE Swatches
For Adobe Swatches & Procreate
Jean .SVG Palette
Vector Color Palette
Jean .PNG Image
High-Quality Palette Preview
FAQs about Jean Genshin Impact Color Codes
What is the main coat color for Jean?
Jean’s coat is a deep navy: #2E4E84 (Chambray).
What are the primary outfit palette colors for Jean?
The outfit’s primary palette pairs #2E4E84 (Chambray) with #EAE3D6 (Pearl Bush) for a disciplined yet ceremonial look.
Which colors are used for accents like sash and gold details?
Accent colors include muted gold #D7B56B (Tacha) for rank details and desaturated crimson #A64C4A (Giants Club) for the sash.
