Kaeya (Genshin Impact) Color Codes & Palette — HEX Guide for UI/UX

Kaeya (Genshin Impact) Color Codes & Palette — HEX Guide for UI/UX

Kaeya, the enigmatic Cavalry Captain from Genshin Impact, combines aristocratic poise with a frosty edge — a concise study in palette-driven character design. His deep navy Biscay #1F3C6E anchors silhouettes, mid‑cobalt Denim #2A6EB4 reads as Cryo-linked highlight, and Aztec Gold #C7A45A provides metallic ornamentation that signals rank. Supporting tones like Camelot #7A2E47 and leather Millbrook #5B4334 add theatrical contrast and grounded practicality. For designers searching “Kaeya color codes” or “Kaeya HEX palette,” these exact HEX codes make it easy to reproduce his look for UI components, mockups, and fan art while preserving narrative tone.

Biscay
#1F3C6E
Denim
#2A6EB4
Camelot
#7A2E47
Aztec Gold
#C7A45A
Millbrook
#5B4334

Kaeya Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Biscay #1F3C6E 31, 60, 110 72, 45, 0, 57
Denim #2A6EB4 42, 110, 180 77, 39, 0, 29
Camelot #7A2E47 122, 46, 71 0, 62, 42, 52
Aztec Gold #C7A45A 199, 164, 90 0, 18, 55, 22
Millbrook #5B4334 91, 67, 52 0, 26, 43, 64

Kaeya CSS & Tailwind Color Variables

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

:root {
/* Kaeya Genshin Impact Palette */
--kaeya-genshin-impact-biscay: #1F3C6E;
--kaeya-genshin-impact-denim: #2A6EB4;
--kaeya-genshin-impact-camelot: #7A2E47;
--kaeya-genshin-impact-aztec-gold: #C7A45A;
--kaeya-genshin-impact-millbrook: #5B4334;
}

Kaeya CSS Gradients

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

Click to Copy CSS
Biscay to Aztec Gold#1F3C6E → #C7A45A
Click to Copy CSS
Camelot to Biscay#7A2E47 → #1F3C6E

Kaeya Color Scheme Breakdown

Biscay#1F3C6E

This deep navy dominates Kaeya’s long coat and uniform fabric, reading as composed, aristocratic coolness; it anchors his silhouette and reinforces his calm, calculating Cavalry Captain persona.

Denim#2A6EB4

A strong mid cobalt appears across key coat panels and decorative cloth accents, echoing Cryo’s icy tone while giving his outfit a heroic Mondstadt officer feel without drifting into neon highlights.

Camelot#7A2E47

This wine-burgundy shows in Kaeya’s inner garments and cape-like elements, adding theatrical flair and intrigue; it suggests hidden motives and contrasts the blues to keep his look dramatic.

Aztec Gold#C7A45A

Warm antique gold is used on his buttons, trim, buckles, and ornamental details, signaling status and refinement; it punctuates the darker fabrics and reads as polished, formal regalia.

Millbrook#5B4334

A muted leather brown appears in belts, straps, gloves, and harness pieces, grounding the costume with practical adventurer utility; it balances the ornate metallic trims and formal tailoring.

Kaeya 60-30-10 Design Rule

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

60% Background
#C7A45A
30% Primary
#7A2E47
10% Accent
#1F3C6E

Use Aztec Gold (#C7A45A) for large background spaces, Camelot (#7A2E47) for primary text and structural UI elements, and vibrant Biscay (#1F3C6E) exclusively for call-to-action buttons and important highlights.

Kaeya UI Component Preview

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

Kaeya

Cavalry Captain

“Trust me — I’ll handle it.”

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

  • Main LED: 31, 60, 110
  • Accent LED: 42, 110, 180

The Design Philosophy behind Kaeya’s Palette

The design philosophy behind Kaeya’s palette uses a strong anchor, cool midtones, and warm accents to tell story through color. Biscay (#1F3C6E) delivers a composed, aristocratic foundation; Denim (#2A6EB4) ties the outfit to Cryo energy without becoming neon; Camelot (#7A2E47) and Millbrook (#5B4334) introduce drama and tactile realism, while Aztec Gold (#C7A45A) punctuates rank and ornamentation. This combination is effective because it balances readability and emotional signaling: cool blues for mystery and command, burgundy for intrigue, and gold for status. For UI/UX work, using these exact HEX codes ensures consistent branding, accessible contrast, and clear visual hierarchy when implementing Kaeya color codes into palettes and components.

Best Kaeya Color Combinations

Regal Anchor

Deep navy (#1F3C6E) with Aztec Gold (#C7A45A) creates high-contrast, formal accents ideal for primary buttons and headers that need a noble, readable presence.

Icy Intrigue

Mid cobalt (#2A6EB4) paired with wine-burgundy (#7A2E47) gives a cool/warm interplay suited for alerts, subtle CTAs, and decorative panels that evoke mystery and drama.

Download Kaeya Genshin Impact Color Palette

ASE

Kaeya .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kaeya .SVG Palette

Vector Color Palette

PNG

Kaeya .PNG Image

High-Quality Palette Preview

FAQs about Kaeya Genshin Impact Color Codes

What is the primary color of Kaeya’s coat?

Kaeya’s coat primary color is Biscay — HEX #1F3C6E.

What is the overall outfit palette or main garment color to use for backgrounds?

Use Biscay #1F3C6E as the main garment/background anchor, with Denim #2A6EB4 for secondary surfaces.

What color is used for trims, buttons, and metal accents?

Trim and metallic accents are Aztec Gold — HEX #C7A45A (with leather details in Millbrook #5B4334).

Copied