Aether, the wandering Traveler from Genshin Impact, combines a clean adventurer aesthetic with heroic ornamentation that reads strongly in both character art and UI design. His pale blonde hair (Orange Yellow #F3DA6B), near-ivory tunic base (Athens Gray #F6F7F9) and anchoring deep cape (Biscay #1C3A6B) create a balanced, legible palette designers rely on. For anyone searching Aether color codes or an exact HEX palette to match in-game visuals, these core values deliver contrast, readability and a sense of motion that suits both promotional portraits and interface accents.
Aether Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Orange Yellow | #F3DA6B | 243, 218, 107 | 0, 10, 56, 5 | |
| Athens Gray | #F6F7F9 | 246, 247, 249 | 1, 1, 0, 2 | |
| Biscay | #1C3A6B | 28, 58, 107 | 74, 46, 0, 58 | |
| Turquoise | #2EC4B6 | 46, 196, 182 | 77, 0, 7, 23 | |
| Old Gold | #D4AF37 | 212, 175, 55 | 0, 17, 74, 17 |
Aether CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Aether Genshin Impact Palette */
--aether-genshin-impact-orange-yellow: #F3DA6B;
--aether-genshin-impact-athens-gray: #F6F7F9;
--aether-genshin-impact-biscay: #1C3A6B;
--aether-genshin-impact-turquoise: #2EC4B6;
--aether-genshin-impact-old-gold: #D4AF37;
}More Genshin Impact Character Color Palettes Color Codes (Blue Palette)
Mika Genshin Impact Color Codes & Palette (HEX) — Cryo Character Design
Layla Genshin Impact Color Codes Palette HEX — Layla Palette & HEX Color Codes for UI/Design
Sangonomiya Kokomi Genshin Impact Color Codes, Palette, HEX — Character Palette Guide
Jean (Genshin Impact) Color Codes, Palette & HEX Guide
Aether CSS Gradients
Beautiful gradient backgrounds inspired by Aether’s aesthetic. Click to copy the CSS code.
Aether Color Scheme Breakdown
Orange Yellow#F3DA6B
Appears in Aether’s tousled, pale blonde hair and subtle fringe highlights, conveying youthful adventurous spirit and sunlit warmth that contrasts with his cooler outfit tones while framing his face in promotional portraits.
Athens Gray#F6F7F9
Used across his main tunic and undershirt as a clean, near-ivory base that reads as purity and traveler practicality, providing high-contrast backdrop for ornamental trims and vivid accessory colors in character art.
Biscay#1C3A6B
Domineering deep navy on his flowing cape, sash and boot panels, signaling nobility, stability and visual weight while anchoring the design palette and creating dramatic contrast against the lighter ivory and blonde elements.
Turquoise#2EC4B6
Bright teal illuminates trim, gem accents, and small costume details like buckles and inner cape lining, introducing an airy, Anemo-adjacent freshness that emphasizes motion and magical vitality in overall silhouette.
Old Gold#D4AF37
Warm metallic gold defines the decorative edging, buttons and emblem motifs, communicating craftsmanship, heroic ornamentation and subtle luxury while harmonizing with his hair and eye tones to reinforce visual coherence.
Aether 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Aether’s palette for a perfectly balanced visual hierarchy.
Aether UI Component Preview
Here is a live example of how the Aether color palette looks when applied to a modern UI component.
Aether
Anemo Traveler
“I’ll find my sister.”
Aether 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 Aether’s aesthetic.
- Main LED: 243, 218, 107
- Accent LED: 246, 247, 249
The Design Philosophy behind Aether’s Palette
The design philosophy behind Aether’s palette is narrative-driven clarity: light neutrals establish purity and traveler practicality while deep navy anchors form and silhouette, and bright teal accents signal elemental vitality. Athens Gray (#F6F7F9) functions as a versatile canvas for trims; Biscay (#1C3A6B) provides weight and readable contrast for large shapes; Turquoise (#2EC4B6) suggests Anemo motion and magical energy; Orange Yellow (#F3DA6B) and Old Gold (#D4AF37) tie character features and ornament into a coherent, heroic motif. For UI and character asset work, using these precise HEX color codes ensures consistent tone, legibility and thematic fidelity across screens and promotional art.
Best Aether Color Combinations
Anchored Contrast
Deep navy (#1C3A6B) against near-ivory (#F6F7F9) creates high legibility for primary layouts and large UI panels.
Vital Accent Duo
Bright teal (#2EC4B6) paired with warm metallic gold (#D4AF37) balances energetic highlights with ornate detail accents.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Aether Genshin Impact Color Palette
Aether .ASE Swatches
For Adobe Swatches & Procreate
Aether .SVG Palette
Vector Color Palette
Aether .PNG Image
High-Quality Palette Preview
FAQs about Aether Genshin Impact Color Codes
What is Aether’s hair color HEX?
Aether’s hair is a pale blonde: #F3DA6B (Orange Yellow).
What are the main outfit and cape color HEX codes?
The tunic base reads as Athens Gray #F6F7F9 while the flowing cape and sash use Biscay #1C3A6B.
Which HEX codes are used for Aether’s accents and ornaments?
Accent gems and trim use Turquoise #2EC4B6 and decorative gold uses Old Gold #D4AF37.
