Ningguang Color Codes & Palette — Genshin HEX Guide for UI Designers

Ningguang Color Codes & Palette — Genshin HEX Guide for UI Designers

Ningguang, Tianquan of the Liyue Qixing, projects refined authority through a carefully balanced color system that suits high-end UI and character-driven palettes. Her base ivory Spring Wood #F2EEE5 anchors the design with elegance, while Tacha #D7B56E gold-beige accents signal wealth and Geo affiliation; deep Gondola #2B1A16 grounds the scheme with mature contrast. For designers searching for “Ningguang color codes” or “Ningguang HEX palette,” these official HEX values provide a reliable starting point to replicate her luxurious, commerce-driven aesthetic in interfaces and promotional art.

Spring Wood
#F2EEE5
Tacha
#D7B56E
Gondola
#2B1A16
Mojo
#C94B3B
Old Copper
#6F4A2E

Ningguang Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Spring Wood #F2EEE5 242, 238, 229 0, 2, 5, 5
Tacha #D7B56E 215, 181, 110 0, 16, 49, 16
Gondola #2B1A16 43, 26, 22 0, 40, 49, 83
Mojo #C94B3B 201, 75, 59 0, 63, 71, 21
Old Copper #6F4A2E 111, 74, 46 0, 33, 59, 56

Ningguang CSS & Tailwind Color Variables

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

:root {
/* Ningguang Genshin Impact Palette */
--ningguang-genshin-impact-spring-wood: #F2EEE5;
--ningguang-genshin-impact-tacha: #D7B56E;
--ningguang-genshin-impact-gondola: #2B1A16;
--ningguang-genshin-impact-mojo: #C94B3B;
--ningguang-genshin-impact-old-copper: #6F4A2E;
}

Ningguang CSS Gradients

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

Click to Copy CSS
Spring Wood to Mojo#F2EEE5 → #C94B3B
Click to Copy CSS
Gondola to Spring Wood#2B1A16 → #F2EEE5

Ningguang Color Scheme Breakdown

Spring Wood#F2EEE5

This warm ivory appears as the dominant base of Ningguang’s qipao-like dress panels and fabric trims, projecting Liyue elegance, purity, and refined authority befitting the Tianquan’s composed presence.

Tacha#D7B56E

A soft gold-beige used across ornate garment accents, jewelry motifs, and accessory edging, reinforcing Ningguang’s luxurious status, Geo association, and the opulent, commerce-driven identity of Liyue’s elite.

Gondola#2B1A16

This deep espresso-brown reads in her hair mass and some darker outfit details, grounding the otherwise pale palette while conveying maturity, discipline, and a calm, calculating personality.

Mojo#C94B3B

A muted cinnabar-red shows in key decorative elements like tassels, inner fabric highlights, and accessory details, adding auspicious Liyue symbolism and emphasizing her commanding, celebratory high-society aesthetic.

Old Copper#6F4A2E

This warm amber-brown appears in secondary ornamentation and pattern accents on her attire, bridging the ivory and gold tones while suggesting traditional craftsmanship, wealth, and a grounded Geo-driven elegance.

Ningguang 60-30-10 Design Rule

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

60% Background
#D7B56E
30% Primary
#2B1A16
10% Accent
#F2EEE5

Use Tacha (#D7B56E) for large background spaces, Gondola (#2B1A16) for primary text and structural UI elements, and vibrant Spring Wood (#F2EEE5) exclusively for call-to-action buttons and important highlights.

Ningguang UI Component Preview

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

Ningguang

Geo Strategist

“I have no time for idle chatter.”

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

  • Main LED: 242, 238, 229
  • Accent LED: 215, 181, 110

The Design Philosophy behind Ningguang’s Palette

The design philosophy behind Ningguang’s palette is contrast through restraint: a luminous neutral base (Spring Wood #F2EEE5) communicates purity and status, metallic-inspired accents (Tacha #D7B56E, Old Copper #6F4A2E) signify wealth and craftsmanship, and darker anchors (Gondola #2B1A16) supply visual weight and gravitas. Strategic use of a muted cinnabar (Mojo #C94B3B) creates auspicious highlights without overpowering the composition. This combination reinforces narrative—stability, authority, and calculated elegance—while remaining practical for UI implementation. Designers searching for “Ningguang HEX color codes” will find this palette effective for contrast, hierarchy, and accessible color contrasts in both light and dark-themed layouts.

Best Ningguang Color Combinations

Ivory & Grounded Contrast

Spring Wood #F2EEE5 with Gondola #2B1A16 creates a high-contrast pairing ideal for readable typographic hierarchies and elegant card designs.

Opulent Accent Duo

Tacha #D7B56E paired with Mojo #C94B3B offers warm gold-and-cinnabar accents perfect for call-to-action buttons and decorative motifs.

Download Ningguang Genshin Impact Color Palette

ASE

Ningguang .ASE Swatches

For Adobe Swatches & Procreate

SVG

Ningguang .SVG Palette

Vector Color Palette

PNG

Ningguang .PNG Image

High-Quality Palette Preview

FAQs about Ningguang Genshin Impact Color Codes

What is the HEX for Ningguang’s hair color?

Ningguang’s hair reads as a deep espresso brown with HEX #2B1A16 (Gondola).

Which HEX represents Ningguang’s main dress/base fabric?

The primary dress and fabric trims use a refined ivory: Spring Wood #F2EEE5.

What HEXs are used for Ningguang’s ornamental accents and tassels?

Ornamental accents use gold-beige Tacha #D7B56E and muted cinnabar Mojo #C94B3B, while Old Copper #6F4A2E appears in secondary patterning.

Explore More White Palettes Across Universes

Copied