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

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

Aglaea presents a noble, otherworldly silhouette defined by a focused, elegant palette that balances depth and delicacy. Her look is anchored by Eminence #5B2E8A, softened by Biloba Flower #BFA0E6 and enlivened with Azalea #F2B7D9 accents, creating a clear set of color codes useful for UI/UX and fan art. Designers searching for Aglaea HEX palette references will find the combination ideal for regal interfaces: deep purple foundations, luminous lavenders for secondary surfaces, and pastel pink highlights to draw attention to focal elements and character expression.

Eminence
#5B2E8A
Biloba Flower
#BFA0E6
Azalea
#F2B7D9
Old Gold
#D4A73B
Spring Wood
#F7F3EE

Aglaea Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Eminence #5B2E8A 91, 46, 138 34, 67, 0, 46
Biloba Flower #BFA0E6 191, 160, 230 17, 30, 0, 10
Azalea #F2B7D9 242, 183, 217 0, 24, 10, 5
Old Gold #D4A73B 212, 167, 59 0, 21, 72, 17
Spring Wood #F7F3EE 247, 243, 238 0, 2, 4, 3

Aglaea CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Aglaea Honkai Star Rail Palette */
--aglaea-honkai-star-rail-eminence: #5B2E8A;
--aglaea-honkai-star-rail-biloba-flower: #BFA0E6;
--aglaea-honkai-star-rail-azalea: #F2B7D9;
--aglaea-honkai-star-rail-old-gold: #D4A73B;
--aglaea-honkai-star-rail-spring-wood: #F7F3EE;
}

Aglaea CSS Gradients

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

Click to Copy CSS
Eminence to Old Gold#5B2E8A → #D4A73B
Click to Copy CSS
Azalea to Eminence#F2B7D9 → #5B2E8A

Aglaea Color Scheme Breakdown

Eminence#5B2E8A

A deep royal purple dominates Aglaea’s primary coat and gown panels, forming the character’s visual anchor and communicating nobility, mystique, and cosmic affinity throughout her silhouette and major costume surfaces.

Biloba Flower#BFA0E6

A soft lavender-lilac appears on inner robes, sash, and delicate fabric layers, providing feminine contrast, ethereal softness, and a magical glow that balances the deeper purples across Aglaea’s attire overall.

Azalea#F2B7D9

A warm pastel rose-pink is used for ribbons, hair ornaments, and small trim details, signaling delicate charm, romantic accents, and visual highlights that draw focus to face and movement gracefully.

Old Gold#D4A73B

A muted antique gold decorates clasps, brooches, belt buckles, and filigree, denoting status, ornate craftsmanship, and classical elegance while providing warm contrast against the cool purple tones throughout the design composition.

Spring Wood#F7F3EE

A warm ivory white appears on collars, lace trims, and small paneling, providing crisp clarity, purity, and readable separation between garments while brightening the overall costume silhouette in many illustrations.

Aglaea 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Aglaea’s palette for a perfectly balanced visual hierarchy.

60% Background
#F7F3EE
30% Primary
#D4A73B
10% Accent
#5B2E8A

Use Spring Wood (#F7F3EE) for large background spaces, Old Gold (#D4A73B) for primary text and structural UI elements, and vibrant Eminence (#5B2E8A) exclusively for call-to-action buttons and important highlights.

Aglaea UI Component Preview

Here is a live example of how the Aglaea color palette looks when applied to a modern UI component.

Aglaea

Celestial Enchantress

“In beauty, there is truth.”

Aglaea 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 Aglaea’s aesthetic.

  • Main LED: 91, 46, 138
  • Accent LED: 191, 160, 230

The Design Philosophy behind Aglaea’s Palette

The design philosophy behind Aglaea’s color system uses contrast and harmony to convey narrative and persona: Eminence #5B2E8A establishes authority and cosmic mystique, while Biloba Flower #BFA0E6 introduces ethereal softness that humanizes the character. Azalea #F2B7D9 functions as a directional highlight that guides the eye to ornaments and motion, and Old Gold #D4A73B communicates crafted elegance through metallic details. Spring Wood #F7F3EE keeps the composition legible and brightens negative space. For UI and branding work, these Aglaea HEX codes create a hierarchy of primary, secondary, and accent roles that read clearly across light and dark themes, making the palette both evocative and practical.

Best Aglaea Color Combinations

Regal Foundation

Deep Eminence paired with Spring Wood creates high readability and a noble contrast ideal for primary backgrounds with readable UI text.

Ethereal Accent

Biloba Flower and Azalea form a soft, feminine duo perfect for subtle call-to-actions, hover states, and decorative trims in character-driven interfaces.

Download Aglaea Honkai Star Rail Color Palette

ASE

Aglaea .ASE Swatches

For Adobe Swatches & Procreate

SVG

Aglaea .SVG Palette

Vector Color Palette

PNG

Aglaea .PNG Image

High-Quality Palette Preview

FAQs about Aglaea Honkai Star Rail Color Codes

What is the primary color for Aglaea’s coat or main silhouette?

Aglaea’s primary coat and dominant silhouette color is Eminence, HEX #5B2E8A.

Which colors define the overall outfit palette and balance?

The overall outfit relies on the deep purple #5B2E8A balanced by the soft lavender #BFA0E6 for inner robes and layered contrast.

What accent colors and metallic tones are used for details?

Accent ribbons and ornaments use Azalea #F2B7D9, while filigree and clasps use Old Gold #D4A73B; Spring Wood #F7F3EE is used for trims and lace.

Copied