Phainon — Honkai Star Rail Color Codes, Palette & HEX Guide

Phainon — Honkai Star Rail Color Codes, Palette & HEX Guide

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.

Blueberry
#7C4DFF
Fog
#D9C8FF
Turquoise Blue
#5EEFD1
Golden Tainoi
#FFD166
Cod Gray
#121212

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;
}

Phainon CSS Gradients

Beautiful gradient backgrounds inspired by Phainon’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Blueberry to Golden Tainoi#7C4DFF → #FFD166
Click to Copy CSS
Turquoise Blue to Blueberry#5EEFD1 → #7C4DFF

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.

60% Background
#D9C8FF
30% Primary
#121212
10% Accent
#7C4DFF

Use Fog (#D9C8FF) for large background spaces, Cod Gray (#121212) for primary text and structural UI elements, and vibrant Blueberry (#7C4DFF) exclusively for call-to-action buttons and important highlights.

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.

Download Phainon Honkai Star Rail Color Palette

ASE

Phainon .ASE Swatches

For Adobe Swatches & Procreate

SVG

Phainon .SVG Palette

Vector Color Palette

PNG

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.

Copied