Diona is the pint-sized Cryo bartender from Genshin Impact whose design blends cute feline charm with a practical tavern aesthetic. Her hair and inner ear-fur use a soft pastel Kobi #E7A6C8, balanced by the cool Blue Violet #6F63B7 for outfit panels and the grounding Martinique #2F2E4E in darker garments. For UI designers and artists searching for accurate color codes or HEX values, Diona’s palette is a compact, searchable reference that works well for cheerful character UI, avatars, and thematic overlays while retaining a readable contrast hierarchy.
Diona Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Kobi | #E7A6C8 | 231, 166, 200 | 0, 28, 13, 9 | |
| Blue Violet | #6F63B7 | 111, 99, 183 | 39, 46, 0, 28 | |
| Martinique | #2F2E4E | 47, 46, 78 | 40, 41, 0, 69 | |
| Spring Wood | #F3EEE6 | 243, 238, 230 | 0, 2, 5, 5 | |
| Aztec Gold | #C6A15C | 198, 161, 92 | 0, 19, 54, 22 |
Diona CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Diona Genshin Impact Palette */
--diona-genshin-impact-kobi: #E7A6C8;
--diona-genshin-impact-blue-violet: #6F63B7;
--diona-genshin-impact-martinique: #2F2E4E;
--diona-genshin-impact-spring-wood: #F3EEE6;
--diona-genshin-impact-aztec-gold: #C6A15C;
}More Genshin Impact Color Codes (Pink Palette)
Diona CSS Gradients
Beautiful gradient backgrounds inspired by Diona’s aesthetic. Click to copy the CSS code.
Diona Color Scheme Breakdown
Kobi#E7A6C8
A soft pastel pink seen across Diona’s hair and inner ear-fur accents, reinforcing her youthful, catlike charm and the playful, bubbly first impression she gives in most official art.
Blue Violet#6F63B7
A muted lavender-purple used prominently in her outfit fabric and accessory panels, giving a cool, nocturnal contrast that matches her Cryo identity while keeping the overall look cute, not severe.
Martinique#2F2E4E
A deep indigo/navy appearing in her shorts, gloves, and darker clothing sections, acting as a grounding base color that adds visual weight and readability against her lighter hair and skin tones.
Spring Wood#F3EEE6
An off-white cream found in her tail/ear-fur highlights and small costume details, serving as a clean neutral that brightens her silhouette and enhances the soft, plush “cat bartender” motif.
Aztec Gold#C6A15C
A warm golden-tan used on bell-like trims, straps, and small hardware elements, adding a cozy tavern feel and a hint of craftsmanship that balances the otherwise cool Cryo-leaning palette.
Diona 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Diona’s palette for a perfectly balanced visual hierarchy.
Diona UI Component Preview
Here is a live example of how the Diona color palette looks when applied to a modern UI component.
Diona
Cryo Bartender
“I hate alcohol!”
Diona 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 Diona’s aesthetic.
- Main LED: 231, 166, 200
- Accent LED: 111, 99, 183
The Design Philosophy behind Diona’s Palette
The design philosophy behind Diona’s palette pairs storytelling with functional contrast: playful, approachable elements meet Cryo’s cool identity. Pastel Kobi #E7A6C8 signals youth and softness, while Blue Violet #6F63B7 evokes a nocturnal, chilly Cryo tone without becoming harsh. Martinique #2F2E4E anchors the look for readability and silhouette clarity, Spring Wood #F3EEE6 adds light neutrals for highlights, and Aztec Gold #C6A15C provides small warm accents to suggest craftsmanship and tavern warmth. For UI/UX work and anyone searching ‘color codes’ or specific HEX values, this balanced palette demonstrates how to convey character, function, and hierarchy simultaneously in UI components and branding.
Best Diona Color Combinations
Playful vs. Grounded
Soft pastel pink paired with deep indigo creates a readable focal point ideal for avatars, buttons, and illustrative contrasts.
Cool Accent Harmony
Muted lavender against an off-white neutral provides a calm, elegant background-to-accent relationship for UI panels and cards.
Explore More Genshin Impact Character Color Codes
Download Diona Genshin Impact Color Palette
Diona .ASE Swatches
For Adobe Swatches & Procreate
Diona .SVG Palette
Vector Color Palette
Diona .PNG Image
High-Quality Palette Preview
FAQs about Diona Genshin Impact Color Codes
What is the HEX code for Diona’s hair color?
Diona’s hair uses the soft pastel pink Kobi with HEX #E7A6C8.
Which color HEX represents her main outfit fabric?
Her primary outfit panels are the muted lavender Blue Violet with HEX #6F63B7, supported by deep Martinique #2F2E4E for darker clothing elements.
What HEX is used for the gold trims and small hardware?
The warm bell-like trims and hardware use Aztec Gold with HEX #C6A15C as accent highlights.
