Citlali’s visual identity balances ceremonial lightness with grounded practicality, making her palette a rich source for UI and character-driven color codes. The off-white Pampas #F2F0EA reads as ceremonial purity across main fabrics, while Shark #1E1F24 provides dramatic contrast in inner layers and accessories. Accents like Aztec Gold #C9A35A add restrained prestige without overwhelming the composition. For designers searching for character palette HEX values or UI color codes, Citlali’s scheme offers a clear hierarchy: pale canvas, deep anchors, and warm metallic punctuations ideal for accessible, narrative-driven interfaces.
Citlali Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Pampas | #F2F0EA | 242, 240, 234 | 0, 1, 3, 5 | |
| Shark | #1E1F24 | 30, 31, 36 | 17, 14, 0, 86 | |
| Yellow Metal | #7B5A3A | 123, 90, 58 | 0, 27, 53, 52 | |
| Aztec Gold | #C9A35A | 201, 163, 90 | 0, 19, 55, 21 | |
| Bermuda Gray | #6D7FA6 | 109, 127, 166 | 34, 23, 0, 35 |
Citlali CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Citlali Genshin Impact Palette */
--citlali-genshin-impact-pampas: #F2F0EA;
--citlali-genshin-impact-shark: #1E1F24;
--citlali-genshin-impact-yellow-metal: #7B5A3A;
--citlali-genshin-impact-aztec-gold: #C9A35A;
--citlali-genshin-impact-bermuda-gray: #6D7FA6;
}More Genshin Impact Color Codes (White Palette)
Citlali CSS Gradients
Beautiful gradient backgrounds inspired by Citlali’s aesthetic. Click to copy the CSS code.
Citlali Color Scheme Breakdown
Pampas#F2F0EA
A warm off-white used across Citlali’s primary outfit fabric panels and trim, reading as ceremonial purity and calm elegance while keeping her silhouette bright and clearly separated from darker accents.
Shark#1E1F24
A deep near-black found in inner layers, stockings, and sharp accessory details, grounding the design with dramatic contrast and suggesting mystery, restraint, and a more serious, composed temperament.
Yellow Metal#7B5A3A
A medium cocoa-brown appearing on belts, straps, and leather-like elements, adding grounded warmth and practical craftsmanship cues, reinforcing an adventurer-ready feel rather than purely ornamental clothing.
Aztec Gold#C9A35A
A muted gold-bronze accent used on metal ornaments and patterned edging, signaling prestige and refinement; it punctuates key design beats without overpowering the character’s predominantly light, airy palette.
Bermuda Gray#6D7FA6
A desaturated steel-blue used in secondary cloth pieces and decorative motifs, providing cool balance to warm neutrals and implying a composed, thoughtful aura often associated with mystical or scholarly themes.
Citlali 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Citlali’s palette for a perfectly balanced visual hierarchy.
Citlali UI Component Preview
Here is a live example of how the Citlali color palette looks when applied to a modern UI component.
Citlali
Lunar Scholar
““Listen to the hush of the stars — they tell the way.””
Citlali 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 Citlali’s aesthetic.
- Main LED: 242, 240, 234
- Accent LED: 30, 31, 36
The Design Philosophy behind Citlali’s Palette
The design philosophy behind Citlali’s palette uses contrast and material cues to reflect narrative and temperament. Pampas (#F2F0EA) creates a luminous base that suggests ritual and calm, while Shark (#1E1F24) anchors silhouettes and signals mystery and restraint. Yellow Metal (#7B5A3A) and Aztec Gold (#C9A35A) act as tactile, craft-oriented accents—belts, straps, and ornaments—that imply functionality and heritage rather than mere ornamentation. Bermuda Gray (#6D7FA6) injects cool, scholarly balance into secondary cloth pieces, preventing the palette from feeling too warm. Together these HEX choices communicate story beats and support UI decisions like contrast ratios, accent emphasis, and accessible color codes for consistent branding.
Best Citlali Color Combinations
Ceremonial Contrast
A high-contrast pairing where Pampas’s light canvas and Shark’s near-black create legible hierarchy for text, silhouettes, and UI backgrounds.
Heritage Accent
Aztec Gold with Bermuda Gray offers warm metallic highlights against a cool, desaturated blue for refined decorative elements and buttons.
Explore More Genshin Impact Character Color Codes
Download Citlali Genshin Impact Color Palette
Citlali .ASE Swatches
For Adobe Swatches & Procreate
Citlali .SVG Palette
Vector Color Palette
Citlali .PNG Image
High-Quality Palette Preview
FAQs about Citlali Genshin Impact Color Codes
What is the main fabric/off-white color used on Citlali’s outfit?
The primary off-white used across Citlali’s outfit is Pampas #F2F0EA.
Which HEX represents the deep near-black used in inner layers and accessories?
The deep near-black anchoring her design is Shark #1E1F24.
What color is used for metallic ornaments and subtle gold accents?
Metallic ornaments and edging use a muted gold-bronze: Aztec Gold #C9A35A.
