Phainon is presented as a poised and enigmatic figure whose visual identity hinges on a limited but highly intentional palette. Designers and UI artists analyzing Phainon color codes will note the dominant #7C4DFF (Blueberry) as her signature coat tone, softened by #D9C8FF (Fog) highlights in hair and frills, while #5EEFD1 (Turquoise Blue) punctuates magical effects and gem accents. This HEX palette balances mystery and clarity, making it ideal for creating character art, promotional UI elements, or color-coded assets where readable contrast and a coherent brand-like scheme are required.
Phainon Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Blueberry | #7C4DFF | 124, 77, 255 | 51, 70, 0, 0 | |
| Fog | #D9C8FF | 217, 200, 255 | 15, 22, 0, 0 | |
| Turquoise Blue | #5EEFD1 | 94, 239, 209 | 61, 0, 13, 6 | |
| Golden Tainoi | #FFD166 | 255, 209, 102 | 0, 18, 60, 0 | |
| Cod Gray | #121212 | 18, 18, 18 | 0, 0, 0, 93 |
Phainon CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Phainon Honkai Star Rail Palette */
--phainon-honkai-star-rail-blueberry: #7C4DFF;
--phainon-honkai-star-rail-fog: #D9C8FF;
--phainon-honkai-star-rail-turquoise-blue: #5EEFD1;
--phainon-honkai-star-rail-golden-tainoi: #FFD166;
--phainon-honkai-star-rail-cod-gray: #121212;
}
More Honkai: Star Rail Character Color Palettes Color Codes (Purple Palette)
Phainon CSS Gradients
Beautiful gradient backgrounds inspired by Phainon’s aesthetic. Click to copy the CSS code.
Phainon Color Scheme Breakdown
Blueberry#7C4DFF
A deep violet used for Phainon’s main coat and dress panels, conveying her regal, mysterious presence and forming the dominant visual imprint across official art and promotional renders and in-game character portraits.
Fog#D9C8FF
A soft lavender applied to hair highlights, frilled underskirts, and accessory trims to soften the silhouette, emphasize femininity, and create luminous contrast against the deeper purple garments in official splash art and model textures.
Turquoise Blue#5EEFD1
Vibrant teal used for energy effects, small costume accents like ribbons and gem insets, and eye color highlights, signaling her arcane power motif and injecting a crisp color counterpoint to purples.
Golden Tainoi#FFD166
Warm gold used sparingly for metal trims, buckles, embroidery, and ornamental motifs, providing a luxurious highlight that frames details and contrasts with cool hues to suggest rank and refinement in promotional key art.
Cod Gray#121212
Near-black employed for linework, boots, inner garments, and weapon bases, anchoring the palette with strong contrast, enhancing readability in-game and giving weight to the character silhouette in both 2D art and 3D model shading.
Phainon 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Phainon’s palette for a perfectly balanced visual hierarchy.
Phainon UI Component Preview
Here is a live example of how the Phainon color palette looks when applied to a modern UI component.
Phainon
Regal Arcane Caster
“The stars keep their counsel; I am merely their translator.”
Phainon 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 Phainon’s aesthetic.
- Main LED: 124, 77, 255
- Accent LED: 217, 200, 255
The Design Philosophy behind Phainon’s Palette
The design philosophy behind Phainon’s palette uses contrast and selective accenting to communicate narrative and mechanics. A deep violet (#7C4DFF Blueberry) establishes authority and mystery, while a pale lavender (#D9C8FF Fog) provides soft silhouette separation for femininity and legibility in portraits. Turquoise highlights (#5EEFD1) signal arcane energy and player focus, and sparing use of warm gold (#FFD166 Golden Tainoi) elevates ornamental details to imply rank. Near-black (#121212 Cod Gray) anchors linework and interactive elements for UI clarity. For designers searching for exact color codes or a reliable HEX palette for UI/graphic implementation, this combination ensures accessible contrast, focal emphasis, and a cohesive storytelling through color.
Best Phainon Color Combinations
Regal Contrast
Deep Blueberry contrasted with soft Fog creates readable hierarchy and elegant visual rhythm for character panels and UI backgrounds.
Arcane Accent Duo
Turquoise Blue paired with Golden Tainoi supplies energetic highlights and luxurious detail accents ideal for call-to-action elements and effects.
Explore More Honkai: Star Rail Character Color Palettes Character Color Codes
Download Phainon Honkai Star Rail Color Palette
Phainon .ASE Swatches
For Adobe Swatches & Procreate
Phainon .SVG Palette
Vector Color Palette
Phainon .PNG Image
High-Quality Palette Preview
FAQs about Phainon Honkai Star Rail Color Codes
What is the main color of Phainon’s coat or dress?
The primary coat and dress panels use #7C4DFF (Blueberry).
What is the overall palette style or main outfit color family?
Phainon’s outfit follows a purple-centric palette anchored by #7C4DFF with soft support from #D9C8FF.
Which color is used for magical effects and small accents?
Magical effects and small gem/ribbon accents use #5EEFD1 (Turquoise Blue), with warm highlights in #FFD166.












