Fischl, the eccentric Prinzessin der Verurteilung from Genshin Impact, combines gothic theatrics with elemental flair to form a memorable visual identity. Her core palette mixes deep drama and aristocratic accents — #6B3FA0 (Royal Purple) and #1F1A28 (Bastille) create moody silhouettes while #F0E4D0 (Parchment) adds readable, lace-like highlights. Designers and UI creators searching for Fischl color codes or a faithful Genshin color palette will find this breakdown useful for recreating her Electro aesthetic in interfaces, illustrations, and asset design with accurate HEX references.
Fischl Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Royal Purple | #6B3FA0 | 107, 63, 160 | 33, 61, 0, 37 | |
| Bastille | #1F1A28 | 31, 26, 40 | 22, 35, 0, 84 | |
| Parchment | #F0E4D0 | 240, 228, 208 | 0, 5, 13, 6 | |
| Roti | #C9A24B | 201, 162, 75 | 0, 19, 63, 21 | |
| Royal Purple | #7B3BAA | 123, 59, 170 | 28, 65, 0, 33 |
Fischl CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Fischl Genshin Impact Palette */
--fischl-genshin-impact-royal-purple: #6B3FA0;
--fischl-genshin-impact-bastille: #1F1A28;
--fischl-genshin-impact-parchment: #F0E4D0;
--fischl-genshin-impact-roti: #C9A24B;
--fischl-genshin-impact-royal-purple: #7B3BAA;
}More Genshin Impact Color Codes (Purple Palette)
Fischl CSS Gradients
Beautiful gradient backgrounds inspired by Fischl’s aesthetic. Click to copy the CSS code.
Fischl Color Scheme Breakdown
Royal Purple#6B3FA0
A saturated royal purple dominating Fischl’s gothic dress, cape accents, and overall silhouette; it signals her mysterious ‘Prinzessin der Verurteilung’ persona and ties directly to Electro’s arcane, noble vibe.
Bastille#1F1A28
Near-black violet used on her bodice, gloves, stockings, and layered fabric panels; it grounds the design with dramatic contrast, reinforcing her dark-fantasy theatrics without relying on highlight or shadow tones.
Parchment#F0E4D0
A pale ivory tone seen on Fischl’s hair, lace-like trims, and light fabric details; it adds aristocratic elegance and readability against her darker outfit while keeping her palette distinctly gothic.
Roti#C9A24B
Warm antique gold appears in her hair ornament, accessories, and metallic fittings; it communicates royalty and ‘storybook’ regalia, subtly elevating her costume’s status and ceremonial, pseudo-noble styling.
Royal Purple#7B3BAA
Vivid Electro purple used in vision-related details and Oz’s lightning motif; it represents her elemental power, giving a magical, energetic accent that contrasts her fabrics while staying consistent with her core theme.
Fischl 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Fischl’s palette for a perfectly balanced visual hierarchy.
Fischl UI Component Preview
Here is a live example of how the Fischl color palette looks when applied to a modern UI component.
Fischl
Gothic Electro Ranger
“I am the Prinzessin der Verurteilung, Fischl von Luftschloss Narfidort!”
Fischl 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 Fischl’s aesthetic.
- Main LED: 107, 63, 160
- Accent LED: 31, 26, 40
The Design Philosophy behind Fischl’s Palette
The design philosophy behind Fischl’s palette balances narrative, persona, and elemental symbolism. Dark anchoring tones like #1F1A28 ground her gothic, investigative persona, while saturated violets #6B3FA0 and #7B3BAA denote Electro energy and otherworldly nobility tied to her Oz companion and storybook motif. Accents such as #C9A24B (Roti) imply ceremonial regalia, and #F0E4D0 (Parchment) provides contrast for legibility and ornamental detail. For UI/UX and asset work, these HEX color choices enable high-contrast components, readable typography, and layered depth — reasons why designers searching for Fischl color codes prefer this cohesive, narrative-driven palette.
Best Fischl Color Combinations
Nocturne Contrast
Deep Bastille (#1F1A28) paired with Royal Purple (#6B3FA0) creates dramatic contrast ideal for dark-mode UI backgrounds with vivid focal elements.
Regal Accent Pair
Vivid Electro purple (#7B3BAA) against antique gold (#C9A24B) yields a noble accent combo perfect for badges, icons, and emphasis states.
Explore More Genshin Impact Character Color Codes
Download Fischl Genshin Impact Color Palette
Fischl .ASE Swatches
For Adobe Swatches & Procreate
Fischl .SVG Palette
Vector Color Palette
Fischl .PNG Image
High-Quality Palette Preview
FAQs about Fischl Genshin Impact Color Codes
What is Fischl’s hair color HEX?
Fischl’s pale hair and lace highlights are represented by #F0E4D0 (Parchment).
Which HEX represents Fischl’s main outfit or gown?
The dominant gown and cape accents use a saturated Royal Purple like #6B3FA0, balanced by near-black panels #1F1A28.
What color HEX is used for Fischl’s accessory accents or metallics?
Warm antique gold accents on accessories and fittings correspond to #C9A24B (Roti).












