Mualani presents a coastal, confident aesthetic defined by deep ocean blues and bright tropical accents — perfect reference material for designers searching Mualani color codes or HEX values. Her core Sapphire #2F6FAE forms the silhouette backbone, while Sea Serpent #49C3D2 adds lively trim and Ecru White #F4F1E6 supplies sunlit breathing room. These tones together balance readability and character, making them ideal for UI palettes, brand accents, and thematic mockups where Hydro-themed color codes are required.
Mualani Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Sapphire | #2F6FAE | 47, 111, 174 | 73, 36, 0, 32 | |
| Sea Serpent | #49C3D2 | 73, 195, 210 | 65, 7, 0, 18 | |
| Ecru White | #F4F1E6 | 244, 241, 230 | 0, 1, 6, 4 | |
| Fire Bush | #E39B3D | 227, 155, 61 | 0, 32, 73, 11 | |
| Cowboy | #4A2B2A | 74, 43, 42 | 0, 42, 43, 71 |
Mualani CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mualani Genshin Impact Palette */
--mualani-genshin-impact-sapphire: #2F6FAE;
--mualani-genshin-impact-sea-serpent: #49C3D2;
--mualani-genshin-impact-ecru-white: #F4F1E6;
--mualani-genshin-impact-fire-bush: #E39B3D;
--mualani-genshin-impact-cowboy: #4A2B2A;
}More Genshin Impact Color Codes (Blue Palette)
Mualani CSS Gradients
Beautiful gradient backgrounds inspired by Mualani’s aesthetic. Click to copy the CSS code.
Mualani Color Scheme Breakdown
Sapphire#2F6FAE
A saturated ocean-blue used across Mualani’s main outfit panels and wave-like motifs, anchoring her overall silhouette and communicating calm, confident seaside energy associated with hydro-themed styling.
Sea Serpent#49C3D2
A bright aqua-cyan appearing in decorative trims and aquatic accents on her clothing, reinforcing a fresh, tropical-water vibe while adding energetic contrast to the deeper blues on her design.
Ecru White#F4F1E6
A warm off-white seen in fabric sections and lighter outfit pieces, functioning as a clean visual break between cool blues and warmer accents, giving her look airy, sunlit readability.
Fire Bush#E39B3D
A sun-kissed orange-gold used in accessory details and small highlights, evoking beach sunlight and tropical warmth, and providing a lively complementary pop against her dominant blue palette.
Cowboy#4A2B2A
A deep brown used for darker accessory elements and grounding details, adding visual weight and practicality to the costume, while preventing the bright coastal colors from feeling overly floaty.
Mualani 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mualani’s palette for a perfectly balanced visual hierarchy.
Mualani UI Component Preview
Here is a live example of how the Mualani color palette looks when applied to a modern UI component.
Mualani
Hydro Wave Guardian
“Let the tide chart our path.”
Mualani 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 Mualani’s aesthetic.
- Main LED: 47, 111, 174
- Accent LED: 73, 195, 210
The Design Philosophy behind Mualani’s Palette
The design philosophy behind Mualani’s palette is narrative-driven clarity: saturated ocean-blue anchors personality and role, energetic aqua provides decorative motion, and warm accents suggest sunlight and life. Developers use #2F6FAE (Sapphire) as the primary field color to signal hydro affinity and visual weight; #49C3D2 (Sea Serpent) for trims and focal highlights that catch the eye; #F4F1E6 (Ecru White) to separate planes and ensure legibility; #E39B3D (Fire Bush) as a complementary pop; and #4A2B2A (Cowboy) to ground accessories. This combination succeeds because it pairs high-contrast readability with thematic cohesion — a helpful reference when searching “Mualani HEX codes” for UI/UX implementation or palette extraction.
Best Mualani Color Combinations
Ocean Anchor
Deep Sapphire with Ecru White gives strong visual hierarchy and clean contrast for primary UI surfaces and readable text blocks.
Tropical Pop
Bright Sea Serpent paired with Fire Bush creates energetic accent buttons and callouts that evoke sunlit tropical highlights.
Explore More Genshin Impact Character Color Codes
Download Mualani Genshin Impact Color Palette
Mualani .ASE Swatches
For Adobe Swatches & Procreate
Mualani .SVG Palette
Vector Color Palette
Mualani .PNG Image
High-Quality Palette Preview
FAQs about Mualani Genshin Impact Color Codes
What is the primary color of Mualani’s main outfit panels?
The main outfit panels are dominated by Sapphire — #2F6FAE.
What is the overall palette style or the primary clothing color scheme?
The palette is coastal and tropical, built from deep blue anchors and light neutrals — key HEXs include #2F6FAE and #F4F1E6 for primary and neutral balance.
What color is used for small highlights or accents on Mualani?
Small sunlit accents use Fire Bush — #E39B3D, while darker grounding details use Cowboy — #4A2B2A.
