Gorou Genshin Impact Color Codes Palette HEX — UI/UX Asset Guide

Gorou Genshin Impact Color Codes Palette HEX — UI/UX Asset Guide

Gorou, the steadfast commander from Genshin Impact, blends military practicality with warm, earthy tones that convey loyalty and leadership. His main coat reads in Antique Brass #C9A276, balanced by deep leather Quincy #5B3A2C and highlighted with clean Almond #F2E5D6 fur accents. Designers and UI/UX creators searching for “Gorou color codes” or “Gorou HEX palette” will find this combination ideal for dashboards, game HUDs, and character-themed interfaces where grounded reliability and subtle heroism must read at a glance.

Antique Brass
#C9A276
Quincy
#5B3A2C
Almond
#F2E5D6
Chambray
#2F4F7A
Cedar Chest
#C85A4A

Gorou Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Antique Brass #C9A276 201, 162, 118 0, 19, 41, 21
Quincy #5B3A2C 91, 58, 44 0, 36, 52, 64
Almond #F2E5D6 242, 229, 214 0, 5, 12, 5
Chambray #2F4F7A 47, 79, 122 61, 35, 0, 52
Cedar Chest #C85A4A 200, 90, 74 0, 55, 63, 22

Gorou CSS & Tailwind Color Variables

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

:root {
/* Gorou Genshin Impact Palette */
--gorou-genshin-impact-antique-brass: #C9A276;
--gorou-genshin-impact-quincy: #5B3A2C;
--gorou-genshin-impact-almond: #F2E5D6;
--gorou-genshin-impact-chambray: #2F4F7A;
--gorou-genshin-impact-cedar-chest: #C85A4A;
}

More Genshin Impact Color Codes (Brown Palette)

Gorou CSS Gradients

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

Click to Copy CSS
Antique Brass to Chambray#C9A276 → #2F4F7A
Click to Copy CSS
Almond to Antique Brass#F2E5D6 → #C9A276

Gorou Color Scheme Breakdown

Antique Brass#C9A276

This warm sandy beige appears across Gorou’s main coat panels and layered fabric trims, reading as sturdy fieldwear; it reinforces his grounded, dependable general vibe and ties to Inazuman military styling.

Quincy#5B3A2C

A deep chocolate brown shows on leather straps, belts, and accessory edges, giving structure and rugged contrast; it suggests practical gear, disciplined readiness, and the canine-inspired toughness in his silhouette.

Almond#F2E5D6

This soft off-white is most visible in his fur accents, inner cloth sections, and light garment panels; it adds cleanliness and clarity, highlighting his friendly loyalty and making darker armor pieces pop.

Chambray#2F4F7A

Muted steel-blue appears on select armor plates and cloth details, acting as a cool counterbalance to browns; it communicates calm leadership, tactical restraint, and visually links him to Watatsumi’s cooler tones.

Cedar Chest#C85A4A

A dusty coral-red is used in ribbons, small markings, and accent fabric pieces; it energizes the palette without overpowering, signaling bravery and morale-boosting warmth that suits his supportive commander role.

Gorou 60-30-10 Design Rule

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

60% Background
#F2E5D6
30% Primary
#5B3A2C
10% Accent
#C9A276

Use Almond (#F2E5D6) for large background spaces, Quincy (#5B3A2C) for primary text and structural UI elements, and vibrant Antique Brass (#C9A276) exclusively for call-to-action buttons and important highlights.

Gorou UI Component Preview

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

Gorou

Loyal General

“For Watatsumi!”

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

  • Main LED: 201, 162, 118
  • Accent LED: 91, 58, 44

The Design Philosophy behind Gorou’s Palette

The design philosophy behind Gorou’s palette uses contrast and material cues to tell story: Antique Brass (#C9A276) establishes a grounded, field-ready silhouette while Quincy (#5B3A2C) provides structural definition like straps and gear. Chambray (#2F4F7A) introduces a cool counterpoint that suggests calm leadership and ties to Watatsumi’s aesthetics, and Cedar Chest (#C85A4A) supplies sparing but effective morale-boost accents. Almond (#F2E5D6) clears space and enhances readability for icons or trim. For designers looking up “Gorou HEX codes” this palette demonstrates how to balance warm neutrals with controlled accent colors for clear hierarchy and thematic coherence.

Best Gorou Color Combinations

Field Command Contrast

Warm Antique Brass paired with deep Quincy creates durable foreground/background contrast ideal for buttons and panels.

Calm Leadership Accent

Chambray’s muted blue balanced by Cedar Chest’s dusty coral provides a composed yet energetic accent pair for CTAs or badges.

Download Gorou Genshin Impact Color Palette

ASE

Gorou .ASE Swatches

For Adobe Swatches & Procreate

SVG

Gorou .SVG Palette

Vector Color Palette

PNG

Gorou .PNG Image

High-Quality Palette Preview

FAQs about Gorou Genshin Impact Color Codes

What is the HEX color of Gorou’s fur accents?

Gorou’s fur and light inner cloth are Almond, HEX #F2E5D6.

Which HEX represents Gorou’s main coat and primary outfit tone?

The main coat is Antique Brass, HEX #C9A276, which defines his grounded, field-ready look.

What HEX is used for Gorou’s accent ribbons or markings?

Accent ribbons and small markings use Cedar Chest, HEX #C85A4A, to add bravery and warmth.

Copied