Nilou Genshin Impact Color Codes, Palette & HEX Guide – UI/UX Intent

Nilou Genshin Impact Color Codes, Palette & HEX Guide – UI/UX Intent

Nilou is a graceful Hydro-themed performer whose visual identity balances fluid cools and ceremonial warmth. Her palette pairs the vibrant aquatic teal #2AA9C6 (Scooter) with warm neutrals like #F4F1E6 (Ecru White) and festive accents such as #D84A5D (Cabaret), creating a stage-ready look that reads beautifully in both motion and static art. For UI/UX designers searching for color codes and HEX combinations, Nilou’s scheme offers clear contrast options and usable swatches for buttons, highlights, and decorative elements—ideal when optimizing accessibility, hierarchy, and aesthetic coherence in game or web interfaces.

Scooter
#2AA9C6
Cabaret
#D84A5D
Ecru White
#F4F1E6
Di Serria
#D2A24F
Biscay
#1E3A67

Nilou Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Scooter #2AA9C6 42, 169, 198 79, 15, 0, 22
Cabaret #D84A5D 216, 74, 93 0, 66, 57, 15
Ecru White #F4F1E6 244, 241, 230 0, 1, 6, 4
Di Serria #D2A24F 210, 162, 79 0, 23, 62, 18
Biscay #1E3A67 30, 58, 103 71, 44, 0, 60

Nilou CSS & Tailwind Color Variables

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

:root {
/* Nilou Genshin Impact Palette */
--nilou-genshin-impact-scooter: #2AA9C6;
--nilou-genshin-impact-cabaret: #D84A5D;
--nilou-genshin-impact-ecru-white: #F4F1E6;
--nilou-genshin-impact-di-serria: #D2A24F;
--nilou-genshin-impact-biscay: #1E3A67;
}

Nilou CSS Gradients

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

Click to Copy CSS
Scooter to Di Serria#2AA9C6 → #D2A24F
Click to Copy CSS
Ecru White to Scooter#F4F1E6 → #2AA9C6

Nilou Color Scheme Breakdown

Scooter#2AA9C6

A saturated turquoise-cyan strongly associated with Nilou’s Hydro theme, seen in her skill and burst water effects and jewel accents, conveying fluidity, grace, and stage-like freshness.

Cabaret#D84A5D

A vivid rose-red used across her dancer costume panels and key ornament motifs, reflecting Sumeru-inspired performance aesthetics and signaling her passionate, celebratory identity as a spotlighted stage dancer.

Ecru White#F4F1E6

A warm ivory-white that reads as her primary fabric base in dress layers and trims, balancing the brighter accents and giving a clean, ceremonial look fitting an elegant theatrical dancer.

Di Serria#D2A24F

A rich gold used for jewelry, headpiece details, and decorative edging, evoking ornate Middle-Eastern-inspired craftsmanship and emphasizing Nilou’s refined, festival-ready elegance and premium ornamental silhouette.

Biscay#1E3A67

A deep navy-blue appearing in underskirt sections and structural clothing pieces, anchoring the palette with cool depth, enhancing contrast against ivory and gold, and reinforcing her calm Hydro presence.

Nilou 60-30-10 Design Rule

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

60% Background
#F4F1E6
30% Primary
#1E3A67
10% Accent
#2AA9C6

Use Ecru White (#F4F1E6) for large background spaces, Biscay (#1E3A67) for primary text and structural UI elements, and vibrant Scooter (#2AA9C6) exclusively for call-to-action buttons and important highlights.

Nilou UI Component Preview

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

Nilou

Hydro Dancer

“May my dance bring you a better tomorrow.”

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

  • Main LED: 42, 169, 198
  • Accent LED: 216, 74, 93

The Design Philosophy behind Nilou’s Palette

The design philosophy behind Nilou’s colors fuses narrative, culture, and function: saturated turquoise-cyan (#2AA9C6) signals Hydro affinity and fluid motion, while #D84A5D (Cabaret) injects performative energy and focal emphasis on ornaments. #F4F1E6 (Ecru White) supplies a ceremonial fabric base that lets brighter accents breathe; #D2A24F (Di Serria) lends gilded refinement for jewelry and trim, and #1E3A67 (Biscay) anchors composition with cool depth. Together these HEX choices support readable contrast, visual hierarchy, and thematic storytelling—useful guidance for designers seeking reliable color codes and palette rules that translate character intent into effective UI components and branding elements.

Best Nilou Color Combinations

Aqua & Ivory Stage

Scooter (#2AA9C6) paired with Ecru White (#F4F1E6) creates a fresh, legible base ideal for backgrounds, soft cards, and calm primary CTAs in UI.

Festive Gold Accent

Cabaret (#D84A5D) with Di Serria (#D2A24F) yields high-impact decorative accents and iconography that convey celebration and premium ornamentation.

Download Nilou Genshin Impact Color Palette

ASE

Nilou .ASE Swatches

For Adobe Swatches & Procreate

SVG

Nilou .SVG Palette

Vector Color Palette

PNG

Nilou .PNG Image

High-Quality Palette Preview

FAQs about Nilou Genshin Impact Color Codes

What is the primary color for Nilou’s Hydro effects?

Nilou’s Hydro effects use a saturated turquoise-cyan represented by #2AA9C6 (Scooter).

What is the main fabric or base color of Nilou’s outfit?

The primary fabric base is a warm ivory tone: #F4F1E6 (Ecru White).

Which hex codes represent Nilou’s accents and structural pieces?

Key accents and ornaments use #D84A5D (Cabaret) and #D2A24F (Di Serria), while structural/navy elements use #1E3A67 (Biscay).

Copied