Amber’s visual identity in Genshin Impact is a study in energetic, approachable Pyro design built for clarity and character. The palette centers on the vivid #E85A2A Flamingo and the bold #C92A2A Persian Red, balanced by softer neutrals like #F2E3D0 Janna to keep contrast readable for in-game silhouettes. For designers and creators searching for Amber color codes or HEX palette references, these specific values give an instant, authentic base to reproduce her warm, scout-inspired aesthetic in UI, fan art, or branding work.
Amber Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Flamingo | #E85A2A | 232, 90, 42 | 0, 61, 82, 9 | |
| Mule Fawn | #8B3A2B | 139, 58, 43 | 0, 58, 69, 45 | |
| Quincy | #5A3B2E | 90, 59, 46 | 0, 34, 49, 65 | |
| Persian Red | #C92A2A | 201, 42, 42 | 0, 79, 79, 21 | |
| Janna | #F2E3D0 | 242, 227, 208 | 0, 6, 14, 5 |
Amber CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Amber Genshin Impact Palette */
--amber-genshin-impact-flamingo: #E85A2A;
--amber-genshin-impact-mule-fawn: #8B3A2B;
--amber-genshin-impact-quincy: #5A3B2E;
--amber-genshin-impact-persian-red: #C92A2A;
--amber-genshin-impact-janna: #F2E3D0;
}More Genshin Impact Color Codes (Orange Palette)
Amber CSS Gradients
Beautiful gradient backgrounds inspired by Amber’s aesthetic. Click to copy the CSS code.
Amber Color Scheme Breakdown
Flamingo#E85A2A
This vivid orange dominates Amber’s Baron Bunny-inspired accents and warm outfit highlights, reinforcing her upbeat Outrider personality and the energetic, Pyro-themed identity associated with her abilities.
Mule Fawn#8B3A2B
A deep reddish-brown appears across Amber’s leather gloves, straps, and utility belts, grounding her bright palette with practical scout gear tones that communicate mobility, ruggedness, and field readiness.
Quincy#5A3B2E
This darker brown is seen in her boots and heavier leather pieces, adding a sturdy, outdoorsy feel that supports her role as a ranger and complements the warm Pyro color direction.
Persian Red#C92A2A
A strong red is most recognizable on Amber’s headband and key clothing details, acting as a bold visual signature that echoes Pyro intensity while keeping her silhouette readable and iconic in gameplay.
Janna#F2E3D0
A pale beige shows up in lighter fabric sections and trim, balancing the hot oranges and reds, improving contrast around her torso, and keeping her design airy, friendly, and approachable.
Amber 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Amber’s palette for a perfectly balanced visual hierarchy.
Amber UI Component Preview
Here is a live example of how the Amber color palette looks when applied to a modern UI component.
Amber
Pyro Outrider
“Amber, Outrider!”
Amber 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 Amber’s aesthetic.
- Main LED: 232, 90, 42
- Accent LED: 139, 58, 43
The Design Philosophy behind Amber’s Palette
The design philosophy behind Amber’s palette uses warm primaries and grounded neutrals to communicate personality, role, and function. Bright orange (#E85A2A Flamingo) signals Pyro energy and immediate visual focus—ideal for ability indicators and call-to-action elements—while Persian Red (#C92A2A) functions as a signature accent that anchors the silhouette. Earthy browns like #8B3A2B Mule Fawn and #5A3B2E Quincy provide tactile, utilitarian cues for gear and straps, reinforcing her ranger/outdoors identity. The pale #F2E3D0 Janna trims and softens the composition, improving contrast and legibility. Together these HEX color codes create a cohesive narrative: expressive, readable, and thematically consistent for game UI and branding applications.
Best Amber Color Combinations
Scout Flame Duo
A high-energy orange paired with rugged brown gives action elements warmth while keeping interactive components grounded and readable.
Signature Accent Pair
Bold red accents with a pale beige trim create strong focal points and improve contrast for icons, badges, and UI highlights.
Explore More Genshin Impact Character Color Codes
Download Amber Genshin Impact Color Palette
Amber .ASE Swatches
For Adobe Swatches & Procreate
Amber .SVG Palette
Vector Color Palette
Amber .PNG Image
High-Quality Palette Preview
FAQs about Amber Genshin Impact Color Codes
What is the HEX color of Amber’s signature orange flame/outfit highlights?
Amber’s signature orange is #E85A2A (Flamingo).
Which HEX code represents Amber’s deeper leather and strap tones?
Her leather straps and utility gear use #8B3A2B (Mule Fawn) and the sturdier pieces use #5A3B2E (Quincy).
What is the HEX for Amber’s headband and bold accents or the light trim?
The headband and bold accents use #C92A2A (Persian Red), while lighter trims use #F2E3D0 (Janna).
