Alhaitham is a composed, analytical figure in Genshin Impact whose costume conveys measured intellect and desert-scholarly roots. His core palette centers on deep teal Elm #1E7F6D for cloaks, vivid Eucalyptus #3FE0B9 for gem-like accents, and grounded Oslo Gray #8C8F94 for hardware and trims. For UI/UX designers and color codes researchers, this palette demonstrates how to balance a tech-infused accent with sober neutrals to create readable, character-driven interfaces. Use these HEX values when crafting Dendro-themed UI or references to ensure fidelity to the character’s visual identity.
Alhaitham Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Elm | #1E7F6D | 30, 127, 109 | 76, 0, 14, 50 | |
| Eucalyptus | #3FE0B9 | 63, 224, 185 | 72, 0, 17, 12 | |
| Oslo Gray | #8C8F94 | 140, 143, 148 | 5, 3, 0, 42 | |
| Swirl | #D6D2C6 | 214, 210, 198 | 0, 2, 7, 16 | |
| Shark | #2B2C30 | 43, 44, 48 | 10, 8, 0, 81 |
Alhaitham CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Alhaitham Genshin Impact Palette */
--alhaitham-genshin-impact-elm: #1E7F6D;
--alhaitham-genshin-impact-eucalyptus: #3FE0B9;
--alhaitham-genshin-impact-oslo-gray: #8C8F94;
--alhaitham-genshin-impact-swirl: #D6D2C6;
--alhaitham-genshin-impact-shark: #2B2C30;
}More Genshin Impact Color Codes (Green Palette)
Alhaitham CSS Gradients
Beautiful gradient backgrounds inspired by Alhaitham’s aesthetic. Click to copy the CSS code.
Alhaitham Color Scheme Breakdown
Elm#1E7F6D
This deep teal-green appears in Alhaitham’s main cloak and layered outfit panels, anchoring his overall silhouette and signaling Sumeru’s scholarly tone while echoing Dendro’s calm, analytical power.
Eucalyptus#3FE0B9
A vivid mint-cyan accent seen on his glowing gem details and Dendro-infused effects, reinforcing his precise, data-like aesthetic and giving a high-tech, holographic feel to his abilities.
Oslo Gray#8C8F94
This cool metallic gray dominates the chest harness, armor-like trims, and accessory hardware, conveying practicality and restraint, and balancing the bright green accents with a grounded, engineered look.
Swirl#D6D2C6
A warm light beige used on inner fabric layers and undershirt sections, softening the palette and adding an academic, desert-adjacent neutrality that contrasts the sharper greens and metallic parts.
Shark#2B2C30
Near-black graphite appears in the tight clothing base, straps, and shadowed garment blocks, giving strong contrast for readability and emphasizing his composed, no-nonsense personality and tactical presence.
Alhaitham 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Alhaitham’s palette for a perfectly balanced visual hierarchy.
Alhaitham UI Component Preview
Here is a live example of how the Alhaitham color palette looks when applied to a modern UI component.
Alhaitham
Analytical Scholar
“Facts over feelings.”
Alhaitham 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 Alhaitham’s aesthetic.
- Main LED: 30, 127, 109
- Accent LED: 63, 224, 185
The Design Philosophy behind Alhaitham’s Palette
The design philosophy behind Alhaitham’s palette uses contrast and restraint to reflect his personality and narrative role. #1E7F6D Elm anchors the silhouette with scholarly gravitas, while #3FE0B9 Eucalyptus provides a biometric, data-like glow that signals Dendro power and precision. Oslo Gray #8C8F94 and Shark #2B2C30 offer engineered neutrals that emphasize form and legibility, and Swirl #D6D2C6 softens transitions with a warm, academic underlayer. Together these color codes create a hierarchy: dominant tonal weight, striking accent, and practical neutrals — an effective model for UI/UX palettes that need thematic fidelity and functional contrast.
Best Alhaitham Color Combinations
Scholarly Teal Accent
Elm and Eucalyptus pair as a strong primary-accent duo: deep teal provides a stable base while mint-cyan highlights interactive elements and data visuals.
Engineered Neutral Base
Oslo Gray and Shark offer a restrained, high-contrast neutral foundation ideal for text, UI chrome, and readable component states.
Explore More Genshin Impact Character Color Codes
Download Alhaitham Genshin Impact Color Palette
Alhaitham .ASE Swatches
For Adobe Swatches & Procreate
Alhaitham .SVG Palette
Vector Color Palette
Alhaitham .PNG Image
High-Quality Palette Preview
FAQs about Alhaitham Genshin Impact Color Codes
What is the main cloak color of Alhaitham?
Alhaitham’s main cloak color is Elm, HEX #1E7F6D.
Which color defines the outfit’s neutral trims and hardware?
The outfit’s metallic trims and harness use Oslo Gray, HEX #8C8F94.
What is the accent glow color used for his Dendro effects?
The Dendro-infused accents and gem glow use Eucalyptus, HEX #3FE0B9.
