Iansan Genshin Impact Color Codes & Palette (HEX Guide)

Iansan Genshin Impact Color Codes & Palette (HEX Guide)

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.

Blue Zodiac
#12385B
Cerulean
#2AB8E6
Winter Wizard
#A0F0FF
Harvest Gold
#E6C07A
Aqua Haze
#F6F8FA

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;
}

Iansan CSS Gradients

Beautiful gradient backgrounds inspired by Iansan’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Blue Zodiac to Harvest Gold#12385B → #E6C07A
Click to Copy CSS
Winter Wizard to Blue Zodiac#A0F0FF → #12385B

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.

60% Background
#F6F8FA
30% Primary
#2AB8E6
10% Accent
#12385B

Use Aqua Haze (#F6F8FA) for large background spaces, Cerulean (#2AB8E6) for primary text and structural UI elements, and vibrant Blue Zodiac (#12385B) exclusively for call-to-action buttons and important highlights.

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.

Download Iansan Genshin Impact Color Palette

ASE

Iansan .ASE Swatches

For Adobe Swatches & Procreate

SVG

Iansan .SVG Palette

Vector Color Palette

PNG

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.

Copied