Qingque from Honkai Star Rail presents a restrained, aquatic aesthetic that balances mystique and practicality. Her striking teal hair (Scooter #2EC7CC) sets a primary hue, grounded by a deep navy outfit base (Firefly #0B1326) and elevated with warm gold ornaments (Di Serria #D6A94D). For UI/UX designers and artists searching for Qingque color codes or a ready-made HEX palette, this combination delivers clear silhouette contrast, readable trims, and intuitive accent placement—ideal for character sheets, splash art, or in-game HUD elements that need faithful color reproduction.
Qingque Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Scooter | #2EC7CC | 46, 199, 204 | 77, 2, 0, 20 | |
| Firefly | #0B1326 | 11, 19, 38 | 71, 50, 0, 85 | |
| Athens Gray | #F8F9FA | 248, 249, 250 | 1, 0, 0, 2 | |
| Di Serria | #D6A94D | 214, 169, 77 | 0, 21, 64, 16 | |
| Deep Blush | #E76F8E | 231, 111, 142 | 0, 52, 39, 9 |
Qingque CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Qingque Honkai Star Rail Palette */
--qingque-honkai-star-rail-scooter: #2EC7CC;
--qingque-honkai-star-rail-firefly: #0B1326;
--qingque-honkai-star-rail-athens-gray: #F8F9FA;
--qingque-honkai-star-rail-di-serria: #D6A94D;
--qingque-honkai-star-rail-deep-blush: #E76F8E;
}More Honkai: Star Rail Color Codes (Blue Palette)
Qingque CSS Gradients
Beautiful gradient backgrounds inspired by Qingque’s aesthetic. Click to copy the CSS code.
Qingque Color Scheme Breakdown
Scooter#2EC7CC
A cool teal hue dominates Qingque’s long hair and fringe highlights, signaling her calming, aquatic visual theme and visually connecting her to elemental or mystical aspects while providing primary character silhouette contrast.
Firefly#0B1326
A deep navy-blue fabric comprises Qingque’s main outfit base—coat, sleeves and skirt—anchoring her design with subtle formality and contrast against lighter accents while reading as practical combat attire and silhouette.
Athens Gray#F8F9FA
Off-white trims and fur edges outline collars, cuffs and inner linings on Qingque’s clothing, emphasizing purity and delicate detailing while creating high-readability separations between darker costume elements and facial framing features.
Di Serria#D6A94D
Warm gold accents appear on jewelry, belt buckles and hair ornaments, providing elegant highlights that signal status, craftsmanship and focal points for ornate detailing within Qingque’s otherwise cool-toned palette and lore.
Deep Blush#E76F8E
Soft rose-pink elements occur in small accessories, ribbons and subtle blushes around eyes and cheeks, injecting warmth and youthful charm that balances Qingque’s predominant teal and navy tones overall composition.
Qingque 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Qingque’s palette for a perfectly balanced visual hierarchy.
Qingque UI Component Preview
Here is a live example of how the Qingque color palette looks when applied to a modern UI component.
Qingque
Silent Blade Duelist
“Calm waters hide sharp blades.”
Qingque 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 Qingque’s aesthetic.
- Main LED: 46, 199, 204
- Accent LED: 11, 19, 38
The Design Philosophy behind Qingque’s Palette
The design philosophy behind Qingque’s palette uses contrast and selective warmth to tell story and function: Scooter #2EC7CC communicates calm, elemental ties and hair-focused identification; Firefly #0B1326 forms a practical, combat-ready silhouette that improves readability against varied backgrounds; Di Serria #D6A94D supplies focal highlights to imply craftsmanship and status. Athens Gray (#F8F9FA) trims and fur linings create separation and high-contrast legibility, while Deep Blush (#E76F8E) introduces subtle humanity in small accessories. Together these color codes form a modular HEX system for UI/UX—each hue serving hierarchy, affordance and narrative while remaining easy to sample and apply in design tools for faithful Qingque recreations.
Best Qingque Color Combinations
Teal & Night Base
Scooter teal against Firefly navy yields high silhouette contrast and calm-to-intense visual flow ideal for primary UI backgrounds and character portraits.
Gold Accent Pair
Di Serria gold with Athens Gray off-white produces elegant, readable highlights for buttons, borders and decorative UI elements.
Explore More Honkai: Star Rail Character Color Codes
Download Qingque Honkai Star Rail Color Palette
Qingque .ASE Swatches
For Adobe Swatches & Procreate
Qingque .SVG Palette
Vector Color Palette
Qingque .PNG Image
High-Quality Palette Preview
FAQs about Qingque Honkai Star Rail Color Codes
What is the exact HEX for Qingque’s hair color?
Qingque’s hair color is Scooter #2EC7CC.
What is the primary outfit/base color used for Qingque’s clothing?
The main outfit base color is Firefly #0B1326.
Which HEX represents Qingque’s gold accents or jewelry?
Gold accents and ornaments use Di Serria #D6A94D.
