Dahlia from Genshin Impact presents a layered, theatrical palette that balances mystique and femininity for UI/character designers. Her primary #6F2DBD (Purple Heart) anchors silhouettes, while #D87CCB (Orchid) injects vibrant costume depth and #F5D0EA (Cherub) softens trims and ruffles. For anyone searching Dahlia color codes, HEX values, or palette inspiration for UI/UX and fan art, this breakdown highlights practical swatches and contrast decisions to reproduce her look faithfully across digital screens and mockups.
Dahlia Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Purple Heart | #6F2DBD | 111, 45, 189 | 41, 76, 0, 26 | |
| Orchid | #D87CCB | 216, 124, 203 | 0, 43, 6, 15 | |
| Cherub | #F5D0EA | 245, 208, 234 | 0, 15, 4, 4 | |
| Martinique | #3A2A4A | 58, 42, 74 | 22, 43, 0, 71 | |
| Tussock | #C99B3C | 201, 155, 60 | 0, 23, 70, 21 |
Dahlia CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Dahlia Genshin Impact Palette */
--dahlia-genshin-impact-purple-heart: #6F2DBD;
--dahlia-genshin-impact-orchid: #D87CCB;
--dahlia-genshin-impact-cherub: #F5D0EA;
--dahlia-genshin-impact-martinique: #3A2A4A;
--dahlia-genshin-impact-tussock: #C99B3C;
}More Genshin Impact Color Codes (Purple Palette)
Dahlia CSS Gradients
Beautiful gradient backgrounds inspired by Dahlia’s aesthetic. Click to copy the CSS code.
Dahlia Color Scheme Breakdown
Purple Heart#6F2DBD
A saturated violet (#6F2DBD) forms Dahlia’s primary hair and major garment panels, establishing her mysterious, regal silhouette and serving as the visual anchor for the character’s overall costume design identity.
Orchid#D87CCB
A warm magenta (#D87CCB) appears across Dahlia’s dress base and inner linings, communicating femininity and vibrancy while contrasting the deeper violets to enhance layered costume depth on stage and screenshots.
Cherub#F5D0EA
A pale blush pink (#F5D0EA) decorates ruffles, collars, and delicate trim elements, softening the costume’s palette and highlighting ornamental embroidery and feminine details without contributing to shading or specular highlights.
Martinique#3A2A4A
A near-plum deep neutral (#3A2A4A) is used for boots, belts, and structural leather pieces, grounding the design, increasing readability in silhouette, and providing contrast against the brighter pink and violet masses.
Tussock#C99B3C
A muted antique gold (#C99B3C) appears on buckles, brooches, and filigree, functioning as a tonal accent that conveys nobility and ties costume motifs together without acting as a reflective specular highlight.
Dahlia 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Dahlia’s palette for a perfectly balanced visual hierarchy.
Dahlia UI Component Preview
Here is a live example of how the Dahlia color palette looks when applied to a modern UI component.
Dahlia
Regal Enchanter
“Even roses hide thorns—bloom where shadows fall.”
Dahlia 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 Dahlia’s aesthetic.
- Main LED: 111, 45, 189
- Accent LED: 216, 124, 203
The Design Philosophy behind Dahlia’s Palette
The design philosophy behind Dahlia’s palette uses contrast and hierarchy to communicate story and personality: the saturated violet #6F2DBD (Purple Heart) signals mystery and primary identity, while the warm magenta #D87CCB (Orchid) reads as approachable performance flair; pale #F5D0EA (Cherub) preserves delicate ornamentation without competing for focus. Grounding neutrals like #3A2A4A (Martinique) provide silhouette readability and visual weight, and #C99B3C (Tussock) delivers restrained metallic accents that imply nobility. This combination succeeds because each HEX is chosen for role-based contrast—foreground, midtone, trim, base, and accent—making it ideal for reproducible color codes and consistent UI palettes.
Best Dahlia Color Combinations
Regal Anchor
Deep violet #6F2DBD paired with antique gold #C99B3C creates a regal focus suitable for hero headers and premium CTA accents.
Soft Contrast Duo
#D87CCB’s warm magenta and the near-plum neutral #3A2A4A deliver readable contrast for cards, badges, and UI panels.
Explore More Genshin Impact Character Color Codes
Download Dahlia Genshin Impact Color Palette
Dahlia .ASE Swatches
For Adobe Swatches & Procreate
Dahlia .SVG Palette
Vector Color Palette
Dahlia .PNG Image
High-Quality Palette Preview
FAQs about Dahlia Genshin Impact Color Codes
What is Dahlia’s hair color HEX code?
Dahlia’s primary hair color is a saturated violet: #6F2DBD (Purple Heart).
Which HEX is used for Dahlia’s main dress base?
The main dress base and inner linings use the warm magenta #D87CCB (Orchid).
What HEXs represent Dahlia’s accents and grounding neutrals?
Accents use antique gold #C99B3C (Tussock) while structural leather and grounding pieces use #3A2A4A (Martinique).
