Chasca (Genshin Impact) Color Codes, Palette & HEX Guide for UI/UX

Chasca (Genshin Impact) Color Codes, Palette & HEX Guide for UI/UX

Chasca’s visual identity is a study in composed contrasts, built around deep navy foundation tones and airy highlights that convey poise and precision. The palette centers on #2E4C8F Bdazzled Blue as the dominant fabric, balanced by #6FA7D8 Danube for secondary cloth and decorative accents, while #E6E1D6 Satin Linen separates layers with refined warmth. For designers searching for Chasca color codes or HEX values to recreate her look in UI/UX or fan art, this palette provides a clear system for hierarchy, accents, and material contrast that keeps the character recognizably ceremonial yet practical.

Bdazzled Blue
#2E4C8F
Danube
#6FA7D8
Satin Linen
#E6E1D6
Sundance
#C9A35C
English Walnut
#3B2B24

Chasca Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Bdazzled Blue#2E4C8F46, 76, 14368, 47, 0, 44
Danube#6FA7D8111, 167, 21649, 23, 0, 15
Satin Linen#E6E1D6230, 225, 2140, 2, 7, 10
Sundance#C9A35C201, 163, 920, 19, 54, 21
English Walnut#3B2B2459, 43, 360, 27, 39, 77

Chasca CSS & Tailwind Color Variables

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

:root {
/* Chasca Genshin Impact Palette */
--chasca-genshin-impact-bdazzled-blue: #2E4C8F;
--chasca-genshin-impact-danube: #6FA7D8;
--chasca-genshin-impact-satin-linen: #E6E1D6;
--chasca-genshin-impact-sundance: #C9A35C;
--chasca-genshin-impact-english-walnut: #3B2B24;
}

Chasca CSS Gradients

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

Click to Copy CSS
Bdazzled Blue to Sundance#2E4C8F → #C9A35C
Click to Copy CSS
Satin Linen to Bdazzled Blue#E6E1D6 → #2E4C8F

Chasca Color Scheme Breakdown

Bdazzled Blue#2E4C8F

This deep navy-blue is the dominant fabric tone across Chasca’s main outfit panels, grounding her silhouette with a cool, disciplined feel and reinforcing the character’s overall calm, composed presence.

Danube#6FA7D8

A clear sky-blue used in secondary cloth sections and decorative accents, adding airy contrast to the darker base and suggesting a light, agile temperament tied to her visual identity.

Satin Linen#E6E1D6

A warm off-white appears in inner layers and trim details, separating blue areas cleanly while conveying refinement and ceremonial polish, making the costume feel layered and intentionally tailored.

Sundance#C9A35C

This muted gold is found on metallic ornaments, fasteners, and accessory details, communicating prestige and craftsmanship while providing a classic accent that reads as ‘heroic’ against cooler blues.

English Walnut#3B2B24

A dark brown leather tone shows up in belts, straps, and practical gear elements, adding grounded realism and material variety, and visually balancing the cooler palette with earthy utility.

Chasca 60-30-10 Design Rule

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

60% Background
#E6E1D6
30% Primary
#3B2B24
10% Accent
#2E4C8F

Use Satin Linen (#E6E1D6) for large background spaces, English Walnut (#3B2B24) for primary text and structural UI elements, and vibrant Bdazzled Blue (#2E4C8F) exclusively for call-to-action buttons and important highlights.

Chasca UI Component Preview

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

Chasca

Calm Tactician

“Steady hands, steady heart — we move as one.”

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

  • Main LED: 46, 76, 143
  • Accent LED: 111, 167, 216

The Design Philosophy behind Chasca’s Palette

The design philosophy behind Chasca’s palette uses disciplined cool tones anchored by a single metallic accent to narrate character and function. Bdazzled Blue (#2E4C8F) grounds silhouette and authority; Danube (#6FA7D8) introduces agility and visual breathing room; Satin Linen (#E6E1D6) suggests tailored layers and ceremonial clarity. Sundance (#C9A35C) serves as a measured metallic accent to signify prestige or focal points like fasteners, while English Walnut (#3B2B24) adds realistic utility in straps and leather. This combination succeeds because of clear tonal hierarchy, readable contrast for accessibility, and an economical accent strategy — key considerations when designers look up Chasca color palette HEX codes for interface components or brand-accurate visuals.

Best Chasca Color Combinations

Regal Grounding

Deep Bdazzled Blue with muted gold Sundance creates a heroic focal contrast ideal for primary UI elements and emblematic accents.

Airy Linen Pair

Danube with Satin Linen forms a soft, readable background and secondary surface duo that supports content without overpowering.

Download Chasca Genshin Impact Color Palette

ASE

Chasca .ASE Swatches

For Adobe Swatches & Procreate

SVG

Chasca .SVG Palette

Vector Color Palette

PNG

Chasca .PNG Image

High-Quality Palette Preview

FAQs about Chasca Genshin Impact Color Codes

What is the main fabric color of Chasca’s outfit?

The primary fabric tone is Bdazzled Blue, HEX #2E4C8F.

Which HEX represents the overall outfit’s secondary or accent cloth?

The secondary cloth and decorative accents use Danube, HEX #6FA7D8.

What color HEX is used for metallic ornaments and highlights?

Metallic ornaments and fasteners are rendered in Sundance, HEX #C9A35C.

Copied