Layla’s visual identity reads like a midnight study session: anchored by deep Chambray (#2E4D86), softened by sky-cyan Danube (#77A8D9) and moonlit accents of Moon Raker (#E6D9F6). Her palette balances cool Cryo tones and gentle highlights to communicate a calm, scholarly persona with celestial motifs. For UI and branding designers searching for official color codes, these HEX values and contextual notes provide practical guidance for recreating Layla’s nocturnal, academic aesthetic in interfaces, icons, and promotional artwork.
Layla Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Chambray | #2E4D86 | 46, 77, 134 | 66, 43, 0, 47 | |
| Danube | #77A8D9 | 119, 168, 217 | 45, 23, 0, 15 | |
| Moon Raker | #E6D9F6 | 230, 217, 246 | 7, 12, 0, 4 | |
| Laser | #C8A26B | 200, 162, 107 | 0, 19, 46, 22 | |
| Charade | #2B2A35 | 43, 42, 53 | 19, 21, 0, 79 |
Layla CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Layla Genshin Impact Palette */
--layla-genshin-impact-chambray: #2E4D86;
--layla-genshin-impact-danube: #77A8D9;
--layla-genshin-impact-moon-raker: #E6D9F6;
--layla-genshin-impact-laser: #C8A26B;
--layla-genshin-impact-charade: #2B2A35;
}More Genshin Impact Color Codes (Blue Palette)
Layla CSS Gradients
Beautiful gradient backgrounds inspired by Layla’s aesthetic. Click to copy the CSS code.
Layla Color Scheme Breakdown
Chambray#2E4D86
A deep midnight blue seen across Layla’s main outfit fabric and star-themed cloak panels, defining her sleepy scholar silhouette while reinforcing her Cryo-aligned, nocturnal, astronomical identity.
Danube#77A8D9
A clear sky-cyan used on secondary cloth layers, ribbons, and starry trim accents, adding airy contrast to the darker blues and suggesting cool, dreamy calm tied to her celestial motifs.
Moon Raker#E6D9F6
A pale lavender-white appearing on inner clothing, lace-like details, and soft highlights on her headpiece, reading as moonlit fabric and emphasizing a gentle, drowsy, academic elegance.
Laser#C8A26B
A muted warm gold used on metallic ornaments, fasteners, and decorative emblem details, functioning as the primary warm counterpoint and implying refined craftsmanship amid her cool, night-sky palette.
Charade#2B2A35
A near-black charcoal found in undersuit sections, straps, and shadowed garment structure, grounding the design’s value range and making the blues and pale tones feel brighter and more star-like.
Layla 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Layla’s palette for a perfectly balanced visual hierarchy.
Layla UI Component Preview
Here is a live example of how the Layla color palette looks when applied to a modern UI component.
Layla
Cryo Scholar
“May the stars brighten even the sleepiest scholar’s notes.”
Layla 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 Layla’s aesthetic.
- Main LED: 46, 77, 134
- Accent LED: 119, 168, 217
The Design Philosophy behind Layla’s Palette
The design philosophy behind Layla’s palette uses a restrained, narrative-driven approach: Chambray (#2E4D86) supplies a reliable, bookish base while Danube (#77A8D9) introduces airy contrast that evokes sky and frost; Moon Raker (#E6D9F6) offers soft highlights like moonlight on fabric. Warm metallic Laser (#C8A26B) acts sparingly to flag ornamentation and guide visual hierarchy, and Charade (#2B2A35) grounds value range for accessibility and contrast. Together these HEX color codes form a cohesive system that reflects her Cryo alignment, scholarly temperament, and celestial theme — a palette that scales well for UI components, readable typography, and atmospheric backgrounds.
Best Layla Color Combinations
Nocturnal Base & Accent
Chambray paired with Danube creates a reliable dark-to-mid contrast ideal for headers with airy secondary buttons or ribbons.
Moonlit Highlight
Moon Raker’s pale lavender pairs with warm Laser gold for delicate callouts and ornamentation that read as illuminated details.
Explore More Genshin Impact Character Color Codes
Download Layla Genshin Impact Color Palette
Layla .ASE Swatches
For Adobe Swatches & Procreate
Layla .SVG Palette
Vector Color Palette
Layla .PNG Image
High-Quality Palette Preview
FAQs about Layla Genshin Impact Color Codes
What is the main fabric color of Layla’s outfit?
Layla’s primary outfit fabric is Chambray — HEX #2E4D86.
Which HEX code represents Layla’s moonlit highlights or inner clothing?
The moonlit inner clothing and lace-like details use Moon Raker — HEX #E6D9F6.
What color is used for metallic ornaments and decorative accents on Layla?
Metallic ornaments and emblem details use the muted warm gold Laser — HEX #C8A26B.
