Ganyu (Genshin Impact) Color Codes, Palette & HEX Guide for Designers

Ganyu (Genshin Impact) Color Codes, Palette & HEX Guide for Designers

Ganyu from Genshin Impact blends serene Cryo aesthetics with refined Liyue formality, making her palette a designer favorite for elegant UI work. Her hair and frost motifs lean on pale ice tones like #9FD9E6 Regent St Blue, anchored by a disciplined #2E4E86 Chambray for main panels and softened with mystical accents such as #7C6AC6 Blue Marguerite. For anyone searching Ganyu color codes or Genshin Impact palette HEX references, this guide helps translate character identity into usable color tokens for interfaces, marketing assets, and fan art while preserving her poised visual language.

Regent St Blue
#9FD9E6
Chambray
#2E4E86
Blue Marguerite
#7C6AC6
Aqua Haze
#F4F7F9
Chestnut Rose
#C84D6B

Ganyu Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Regent St Blue #9FD9E6 159, 217, 230 31, 6, 0, 10
Chambray #2E4E86 46, 78, 134 66, 42, 0, 47
Blue Marguerite #7C6AC6 124, 106, 198 37, 46, 0, 22
Aqua Haze #F4F7F9 244, 247, 249 2, 1, 0, 2
Chestnut Rose #C84D6B 200, 77, 107 0, 62, 46, 22

Ganyu CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Ganyu Genshin Impact Palette */
--ganyu-genshin-impact-regent-st-blue: #9FD9E6;
--ganyu-genshin-impact-chambray: #2E4E86;
--ganyu-genshin-impact-blue-marguerite: #7C6AC6;
--ganyu-genshin-impact-aqua-haze: #F4F7F9;
--ganyu-genshin-impact-chestnut-rose: #C84D6B;
}

Ganyu CSS Gradients

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

Click to Copy CSS
Regent St Blue to Aqua Haze#9FD9E6 → #F4F7F9
Click to Copy CSS
Blue Marguerite to Regent St Blue#7C6AC6 → #9FD9E6

Ganyu Color Scheme Breakdown

Regent St Blue#9FD9E6

A pale ice-blue used prominently in Ganyu’s hair and Cryo-themed visual identity, reinforcing her serene, gentle demeanor while signaling her role as a calm, frost-aligned adeptus secretary.

Chambray#2E4E86

A deep navy-blue appearing across her bodysuit and main outfit panels, conveying professionalism and restraint, and visually grounding her airy palette with a disciplined, office-like Liyue elegance.

Blue Marguerite#7C6AC6

A soft periwinkle-purple that shows in hair gradients and ornamental accents, blending mysticism with refinement, hinting at her half-adeptus heritage and the quiet magic behind her composed exterior.

Aqua Haze#F4F7F9

A clean off-white used on sleeves, collar elements, and fabric highlights, adding purity and contrast that echoes Cryo’s crispness while keeping her silhouette light, airy, and elegantly ceremonial.

Chestnut Rose#C84D6B

A muted rose-red used in ribbon-like details and small accessories, acting as a focused accent that suggests warmth beneath her reserved personality and breaks the cool scheme with subtle vitality.

Ganyu 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Ganyu’s palette for a perfectly balanced visual hierarchy.

60% Background
#F4F7F9
30% Primary
#2E4E86
10% Accent
#9FD9E6

Use Aqua Haze (#F4F7F9) for large background spaces, Chambray (#2E4E86) for primary text and structural UI elements, and vibrant Regent St Blue (#9FD9E6) exclusively for call-to-action buttons and important highlights.

Ganyu UI Component Preview

Here is a live example of how the Ganyu color palette looks when applied to a modern UI component.

Ganyu

Cryo Adeptus Secretary

“I will be watching over you.”

Ganyu 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 Ganyu’s aesthetic.

  • Main LED: 159, 217, 230
  • Accent LED: 46, 78, 134

The Design Philosophy behind Ganyu’s Palette

The design philosophy behind Ganyu’s palette uses cool dominance with selective warmth to express her dual nature: composed adeptus and gently human. Developers pair a pale, airy primary (#9FD9E6 Regent St Blue) with a grounding navy (#2E4E86 Chambray, readable with white contrast) to create hierarchy and legibility. Periwinkle highlights (#7C6AC6 Blue Marguerite) introduce a subtle mystical layer that hints at her half-adeptus heritage, while off-white elements (#F4F7F9 Aqua Haze) keep surfaces ceremonial and light. A restrained accent (#C84D6B Chestnut Rose) injects warmth without breaking the Cryo mood. Together these choices produce a palette that reads as calm, professional, and narratively coherent — ideal when mapping character-driven color codes to UI components and brand systems.

Best Ganyu Color Combinations

Frost & Foundation

A pale ice-blue with deep navy creates a clear visual hierarchy—use #9FD9E6 for backgrounds and #2E4E86 for primary CTAs or content panels.

Mystic Accent Pair

Periwinkle and muted rose form a subtle contrast for icons or micro-interactions, balancing mysticism with a soft, warm focal point.

Download Ganyu Genshin Impact Color Palette

ASE

Ganyu .ASE Swatches

For Adobe Swatches & Procreate

SVG

Ganyu .SVG Palette

Vector Color Palette

PNG

Ganyu .PNG Image

High-Quality Palette Preview

FAQs about Ganyu Genshin Impact Color Codes

What is Ganyu’s hair color HEX code?

Ganyu’s primary hair/frost tone is #9FD9E6 (Regent St Blue).

What is the main outfit or bodysuit color HEX?

The main outfit/navy panels use #2E4E86 (Chambray), typically displayed with white text for contrast.

Which HEX is used for Ganyu’s accent ribbons or highlights?

Accent details and small accessories often use #C84D6B (Chestnut Rose) to introduce a restrained warmth.

Copied