Iansan’s visual identity in Genshin Impact is a study in controlled aquatic authority: the deep Navy base Blue Zodiac #12385B anchors her silhouette, while energetic Cerulean #2AB8E6 streaks and wave effects inject motion and contrast. Soft highlights like Winter Wizard #A0F0FF lend an ethereal translucence to inner robes and sleeves, creating a layered palette that reads clearly in both game UI and promotional art. For designers searching for Iansan color codes or a faithful HEX palette, this curated set provides practical, ready-to-use values for UI/UX, character reference, and branding work.
Iansan Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Blue Zodiac | #12385B | 18, 56, 91 | 80, 38, 0, 64 | |
| Cerulean | #2AB8E6 | 42, 184, 230 | 82, 20, 0, 10 | |
| Winter Wizard | #A0F0FF | 160, 240, 255 | 37, 6, 0, 0 | |
| Harvest Gold | #E6C07A | 230, 192, 122 | 0, 17, 47, 10 | |
| Aqua Haze | #F6F8FA | 246, 248, 250 | 2, 1, 0, 2 |
Iansan CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Iansan Genshin Impact Palette */
--iansan-genshin-impact-blue-zodiac: #12385B;
--iansan-genshin-impact-cerulean: #2AB8E6;
--iansan-genshin-impact-winter-wizard: #A0F0FF;
--iansan-genshin-impact-harvest-gold: #E6C07A;
--iansan-genshin-impact-aqua-haze: #F6F8FA;
}
More Genshin Impact Color Codes (Blue Palette)
Iansan CSS Gradients
Beautiful gradient backgrounds inspired by Iansan’s aesthetic. Click to copy the CSS code.
Iansan Color Scheme Breakdown
Blue Zodiac#12385B
A deep navy used primarily on Iansan’s outer robe and cloak, forming the visual base that conveys Hydro authority and seriousness, anchoring her silhouette against lighter aquatic tones and ornate metallic trims.
Cerulean#2AB8E6
A vivid cerulean applied to hair streaks, sleeves, and elemental wave effects, signifying energetic Hydro currents and motion while providing a midtone contrast between deep robe shadows and pale seafoam highlights.
Winter Wizard#A0F0FF
A soft aqua used on inner robes, translucent sleeves, and small fabric insets, evoking calm, flowing water and providing luminous contrast that enhances the character’s ethereal Hydro theme and movement in animations.
Harvest Gold#E6C07A
A warm gold for trims, jewelry, and fastener details, representing nobility and decorative contrast, punctuating the predominantly blue palette with metallic accents that imply cultural heritage and ceremonial status and hierarchy within her design.
Aqua Haze#F6F8FA
A near-white off-white used for collars, inner linings, and subtle fabric panels, providing clean highlights that balance saturated blues, increase legibility of silhouette, and suggest purity or ceremonial formality when in motion.
Iansan 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Iansan’s palette for a perfectly balanced visual hierarchy.
Iansan UI Component Preview
Here is a live example of how the Iansan color palette looks when applied to a modern UI component.
Iansan
Hydro Sovereign
“The tide answers only those who listen—bow to its memory.”
Iansan 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 Iansan’s aesthetic.
- Main LED: 18, 56, 91
- Accent LED: 42, 184, 230
The Design Philosophy behind Iansan’s Palette
The design philosophy behind Iansan’s palette balances authority, movement, and ceremonial elegance. Developers use a deep foundation (Blue Zodiac #12385B) to convey Hydro authority and silhouette clarity, while midtone Cerulean #2AB8E6 suggests flowing currents and kinetic energy in animations. Pale Winter Wizard #A0F0FF and near-white Aqua Haze #F6F8FA create luminous layers that enhance perceived depth and legibility, especially in animation and HUD elements. Strategic Harvest Gold #E6C07A accents articulate hierarchy and cultural ornamentation, giving focal points that read at small scales. This combination is effective for UI/UX because the HEX values provide sufficient contrast, consistent brand personality, and clear guidance for designers seeking Iansan palette color codes.
Best Iansan Color Combinations
Regal Hydro Contrast
Deep Blue Zodiac pairs with Harvest Gold to highlight trims and call-to-action elements, offering clear contrast and a noble accent for UI.
Aqueous Motion Duo
Cerulean with Winter Wizard creates a layered kinetic effect ideal for particle waves, hover states, and soft gradients in graphics.
Explore More Genshin Impact Character Color Codes
Download Iansan Genshin Impact Color Palette
Iansan .ASE Swatches
For Adobe Swatches & Procreate
Iansan .SVG Palette
Vector Color Palette
Iansan .PNG Image
High-Quality Palette Preview
FAQs about Iansan Genshin Impact Color Codes
What is the HEX color for Iansan’s hair streaks and wave effects?
Iansan’s hair streaks and elemental wave effects use Cerulean #2AB8E6.
What is the main robe color used on Iansan’s outfit?
The primary robe color is Blue Zodiac #12385B, which anchors her silhouette and conveys Hydro authority.
Which HEXs are used for highlights, trims, or inner robes?
Highlights and inner robes use Winter Wizard #A0F0FF and Aqua Haze #F6F8FA, while metallic trims and jewelry use Harvest Gold #E6C07A.












