Mona, the enigmatic astrologer from Genshin Impact, blends scholarly poise with aquatic mystique through a carefully curated color vocabulary. Her primary silhouette uses Biscay #1D2B5D while layered fabrics move into East Bay #3C3D86 and dramatic accents pop in Studio #7A3EB2. This palette balances deep night-sky tones with luminous highlights, making it ideal for UI/UX projects that need a refined, celestial theme. For designers searching for accurate color codes, these HEX values provide a reliable foundation for character-accurate mockups, palettes, and asset work.
Mona Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Biscay | #1D2B5D | 29, 43, 93 | 69, 54, 0, 64 | |
| East Bay | #3C3D86 | 60, 61, 134 | 55, 54, 0, 47 | |
| Studio | #7A3EB2 | 122, 62, 178 | 31, 65, 0, 30 | |
| Twine | #C8A06A | 200, 160, 106 | 0, 20, 47, 22 | |
| Whisper | #F2F3F8 | 242, 243, 248 | 2, 2, 0, 3 |
Mona CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mona Genshin Impact Palette */
--mona-genshin-impact-biscay: #1D2B5D;
--mona-genshin-impact-east-bay: #3C3D86;
--mona-genshin-impact-studio: #7A3EB2;
--mona-genshin-impact-twine: #C8A06A;
--mona-genshin-impact-whisper: #F2F3F8;
}More Genshin Impact Color Codes (Blue Palette)
Mika Genshin Impact Color Codes & Palette (HEX) — Cryo Character Design
Sangonomiya Kokomi Genshin Impact Color Codes, Palette, HEX — Character Palette Guide
Chasca (Genshin Impact) Color Codes, Palette & HEX Guide for UI/UX
Layla Genshin Impact Color Codes Palette HEX — Layla Palette & HEX Color Codes for UI/Design
Mona CSS Gradients
Beautiful gradient backgrounds inspired by Mona’s aesthetic. Click to copy the CSS code.
Mona Color Scheme Breakdown
Biscay#1D2B5D
This deep navy appears across Mona’s bodysuit and main garment panels, forming the core silhouette; it conveys night-sky mysticism, seriousness, and the astrologer’s calm, focused intellect.
East Bay#3C3D86
A saturated indigo-blue shows on secondary cloth areas and layered fabric sections, bridging dark outfit blocks with brighter accents; it reinforces her Hydro-aligned, cosmic theme while staying elegant.
Studio#7A3EB2
This vivid purple is prominent in her large witch hat and key costume accents, reading as star-magic and divination; it gives Mona a dramatic, arcane identity tied to astrology.
Twine#C8A06A
Warm gold appears in star motifs, trims, and ornamental details on her outfit and hat; it symbolizes constellations and prestige, adding a celestial highlight without relying on shine effects.
Whisper#F2F3F8
A near-white tone is used for small contrasting elements like inner lining, light fabric sections, and clean details; it clarifies shapes against dark blues and suggests refined, scholarly composure.
Mona 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mona’s palette for a perfectly balanced visual hierarchy.
Mona UI Component Preview
Here is a live example of how the Mona color palette looks when applied to a modern UI component.
Mona
Hydro Astrologer
“The stars don’t lie — I only read what they show.”
Mona 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 Mona’s aesthetic.
- Main LED: 29, 43, 93
- Accent LED: 60, 61, 134
The Design Philosophy behind Mona’s Palette
The design philosophy behind Mona’s palette centers on narrative-driven contrast: deep navy anchors her intellect and secrecy, mid indigo bridges form and depth, and vivid purple signals arcane focus. Developers use Biscay #1D2B5D as the silhouette base to convey seriousness and the night-sky motif, East Bay #3C3D86 for layered fabrics that suggest fluidity and Hydro affiliation, and Studio #7A3EB2 for dramatic, starbound accents. Warm Twine #C8A06A provides constellation highlights, while Whisper #F2F3F8 adds crisp readability. This combination succeeds because it respects contrast hierarchy, thematic cohesion, and practical UI needs—clear HEX color codes and balanced palette choices help designers reproduce mood and function across screens.
Best Mona Color Combinations
Night & Star Accent
Deep Biscay paired with warm Twine creates high-contrast focal points ideal for buttons and icon highlights in a celestial UI.
Cosmic Layer Blend
East Bay and Studio form a harmonious indigo-to-purple gradient suited for headers, overlays, and atmospheric backgrounds.
Explore More Genshin Impact Character Color Codes
Download Mona Genshin Impact Color Palette
Mona .ASE Swatches
For Adobe Swatches & Procreate
Mona .SVG Palette
Vector Color Palette
Mona .PNG Image
High-Quality Palette Preview
FAQs about Mona Genshin Impact Color Codes
What is the color of Mona’s witch hat and its HEX code?
Mona’s prominent witch hat and key costume accents use the vivid purple Studio with HEX #7A3EB2.
What is the main outfit color or silhouette base and its HEX?
Her main bodysuit and silhouette base are rendered in deep navy Biscay with HEX #1D2B5D.
Which color is used for the star trims and ornamental highlights?
The warm gold trims and constellation motifs are Twine with HEX #C8A06A.
