Chongyun (Genshin Impact) Color Codes Palette — HEX Guide for Designers

Chongyun (Genshin Impact) Color Codes Palette — HEX Guide for Designers

Chongyun, a composed young exorcist from Genshin Impact, uses a tightly controlled Cryo palette that’s perfect for designers searching for exact color codes. His visual identity hinges on vivid icy accents like #3B8DD9 (Curious Blue) and softer highlights such as #6FBEEA (Seagull), anchored by the deep #2D3F8F (Bay of Many). The off-white base #F2F4F7 (Athens Gray) and restrained ornament #C9B27A (Laser) round out a readable, ceremonial scheme. These HEX values are ready-to-use for UI mockups, theme systems, fan art, and any color codes-driven design workflow.

Curious Blue
#3B8DD9
Seagull
#6FBEEA
Bay of Many
#2D3F8F
Athens Gray
#F2F4F7
Laser
#C9B27A

Chongyun Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Curious Blue#3B8DD959, 141, 21773, 35, 0, 15
Seagull#6FBEEA111, 190, 23453, 19, 0, 8
Bay of Many#2D3F8F45, 63, 14369, 56, 0, 44
Athens Gray#F2F4F7242, 244, 2472, 1, 0, 3
Laser#C9B27A201, 178, 1220, 11, 39, 21

Chongyun CSS & Tailwind Color Variables

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

:root {
/* Chongyun Genshin Impact Palette */
--chongyun-genshin-impact-curious-blue: #3B8DD9;
--chongyun-genshin-impact-seagull: #6FBEEA;
--chongyun-genshin-impact-bay-of-many: #2D3F8F;
--chongyun-genshin-impact-athens-gray: #F2F4F7;
--chongyun-genshin-impact-laser: #C9B27A;
}

Chongyun CSS Gradients

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

Click to Copy CSS
Curious Blue to Athens Gray#3B8DD9 → #F2F4F7
Click to Copy CSS
Bay of Many to Curious Blue#2D3F8F → #3B8DD9

Chongyun Color Scheme Breakdown

Curious Blue#3B8DD9

This bright icy blue is most visible on Chongyun’s outfit accents and Cryo-themed visual motifs, signaling his Cryo element identity, calm temperament, and the crisp, exorcist-like purity of his power.

Seagull#6FBEEA

A softer sky-blue used across secondary garment panels and decorative trims, reinforcing a clean, youthful silhouette while keeping the overall design cool-toned, approachable, and strongly tied to Cryo energy.

Bay of Many#2D3F8F

This deep navy appears in the darker sections of his clothing and accessories, grounding the palette with disciplined contrast and suggesting seriousness, tradition, and the focused resolve of a Liyue exorcist.

Athens Gray#F2F4F7

An off-white base seen on major fabric areas and inner layers, conveying ceremonial cleanliness and spiritual purity; it balances the blues and makes his icy palette read crisp and readable in-game.

Laser#C9B27A

A muted gold-beige used in small ornamental details and fasteners, adding a Liyue-inspired warmth and craftsmanship note, while subtly elevating his outfit with refined, traditional decorative highlights.

Chongyun 60-30-10 Design Rule

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

60% Background
#F2F4F7
30% Primary
#2D3F8F
10% Accent
#3B8DD9

Use Athens Gray (#F2F4F7) for large background spaces, Bay of Many (#2D3F8F) for primary text and structural UI elements, and vibrant Curious Blue (#3B8DD9) exclusively for call-to-action buttons and important highlights.

Chongyun UI Component Preview

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

Chongyun

Cryo Exorcist

“Stay calm — it’s the exorcist’s way.”

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

  • Main LED: 59, 141, 217
  • Accent LED: 111, 190, 234

The Design Philosophy behind Chongyun’s Palette

The design philosophy behind Chongyun’s palette prioritizes clarity, elemental identity, and cultural nuance. Developers employ bright Cryo-driven blues (#3B8DD9 Curious Blue and #6FBEEA Seagull) to signal his elemental power and calm temperament, while the deep navy #2D3F8F Bay of Many provides contrast and traditional gravitas, reflecting his exorcist discipline. Athens Gray (#F2F4F7) functions as a ceremonial neutral that preserves legibility across contexts, and Laser (#C9B27A) adds subtle Liyue warmth in small ornaments. This combination succeeds because it establishes hierarchy, maintains accessibility, and conveys narrative roles; designers searching for precise HEX color codes can reproduce mood, contrast, and cultural cues directly from these values.

Best Chongyun Color Combinations

Icy Accent & Neutral Base

Curious Blue against Athens Gray creates a high-clarity foreground/background pair ideal for buttons, cards, and readable UI elements.

Anchored Contrast & Warm Detail

Bay of Many with Laser balances deep, authoritative backgrounds with tasteful ornamental highlights for visual hierarchy.

Download Chongyun Genshin Impact Color Palette

ASE

Chongyun .ASE Swatches

For Adobe Swatches & Procreate

SVG

Chongyun .SVG Palette

Vector Color Palette

PNG

Chongyun .PNG Image

High-Quality Palette Preview

FAQs about Chongyun Genshin Impact Color Codes

What is the primary Cryo accent color on Chongyun’s outfit?

The primary Cryo accent is #3B8DD9 (Curious Blue).

Which color serves as Chongyun’s main garment or base tone?

Chongyun’s darker garment sections are anchored by #2D3F8F (Bay of Many), while the overall base fabric often reads as #F2F4F7 (Athens Gray).

What color is used for small ornamental details and fasteners?

Small ornaments and fasteners use the muted gold-beige #C9B27A (Laser) as subtle highlights.

Copied