Mika’s visual identity is a study in disciplined, expedition-ready Cryo aesthetics, blending functional warmth with icy clarity. The jacket’s core Sapphire #2F6FA8 anchors a Knights-of-Favonius presence, while soft accents like Link Water #CFE6F5 and Parchment #F4EAD8 add breathable contrast and legibility. Subtle Wheat #F1E1A8 and Mule Fawn #8B3A2A details reference maps and leather gear, making Mika a perfect case study for designers searching color codes and HEX palettes that communicate support, reliability, and fieldcraft in UI/character design.
Mika Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Sapphire | #2F6FA8 | 47, 111, 168 | 72, 34, 0, 34 | |
| Link Water | #CFE6F5 | 207, 230, 245 | 16, 6, 0, 4 | |
| Wheat | #F1E1A8 | 241, 225, 168 | 0, 7, 30, 5 | |
| Mule Fawn | #8B3A2A | 139, 58, 42 | 0, 58, 70, 45 | |
| Parchment | #F4EAD8 | 244, 234, 216 | 0, 4, 11, 4 |
Mika CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mika Genshin Impact Palette */
--mika-genshin-impact-sapphire: #2F6FA8;
--mika-genshin-impact-link-water: #CFE6F5;
--mika-genshin-impact-wheat: #F1E1A8;
--mika-genshin-impact-mule-fawn: #8B3A2A;
--mika-genshin-impact-parchment: #F4EAD8;
}More Genshin Impact Color Codes (Blue Palette)
Mika CSS Gradients
Beautiful gradient backgrounds inspired by Mika’s aesthetic. Click to copy the CSS code.
Mika Color Scheme Breakdown
Sapphire#2F6FA8
This medium cerulean blue appears across Mika’s main jacket panels and uniform accents, giving him a disciplined Knights-of-Favonius identity while reinforcing his Cryo-aligned, expedition-ready practicality.
Link Water#CFE6F5
This pale icy blue shows in Mika’s scarf-like cloth details and light fabric trims, echoing Cryo freshness and communicating a calm, supportive demeanor suited to a careful cartographer and messenger.
Wheat#F1E1A8
This muted parchment yellow is seen on Mika’s utility straps, small cloth sections, and expedition gear highlights, referencing maps and fieldwork while adding warmth to balance the cool Cryo palette.
Mule Fawn#8B3A2A
This warm chestnut brown appears in leather elements like belts, gloves, and boots, grounding the design with rugged travel functionality and emphasizing his practical role as a front-line support scout.
Parchment#F4EAD8
This soft off-white is used on Mika’s shirt and lining areas, providing clean contrast against blues and browns while suggesting order, clarity, and the tidy, diligent personality of a young knight.
Mika 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mika’s palette for a perfectly balanced visual hierarchy.
Mika UI Component Preview
Here is a live example of how the Mika color palette looks when applied to a modern UI component.
Mika
Cryo Scout Knight
“Maps don’t lie; only careless couriers do.”
Mika 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 Mika’s aesthetic.
- Main LED: 47, 111, 168
- Accent LED: 207, 230, 245
The Design Philosophy behind Mika’s Palette
The design philosophy behind Mika uses a balanced Cryo palette to reflect his role as a careful cartographer and frontline support. Deep cerulean Sapphire (#2F6FA8) conveys order and authority, pale Link Water (#CFE6F5) suggests Cryo freshness and calm, while Parchment (#F4EAD8) and Wheat (#F1E1A8) bring map-like warmth and hierarchy for readable surfaces. Mule Fawn (#8B3A2A) grounds the scheme with utilitarian leather tones. Together these HEX choices create accessible contrast, narrative cues, and functional accents ideal for UI color systems and character-driven branding where color codes must echo lore and usability.
Best Mika Color Combinations
Knightly Contrast
Sapphire (#2F6FA8) paired with Parchment (#F4EAD8) creates authoritative primary elements with high legibility for buttons and headers.
Field Ready Accent
Link Water (#CFE6F5) contrasted against Mule Fawn (#8B3A2A) offers soft Cryo highlights with rugged leather accents for badges or callouts.
Explore More Genshin Impact Character Color Codes
Download Mika Genshin Impact Color Palette
Mika .ASE Swatches
For Adobe Swatches & Procreate
Mika .SVG Palette
Vector Color Palette
Mika .PNG Image
High-Quality Palette Preview
FAQs about Mika Genshin Impact Color Codes
What is the primary jacket color code for Mika?
Mika’s primary jacket color is Sapphire with HEX #2F6FA8.
Which colors define Mika’s overall outfit palette?
The outfit uses a Cryo-centric palette: Sapphire #2F6FA8, Link Water #CFE6F5, and Parchment #F4EAD8 as core balancing tones.
What are the accent or utility colors used in Mika’s design?
Accent and utility colors include Wheat #F1E1A8 for map-like highlights and Mule Fawn #8B3A2A for leather straps and boots.
