Black Swan from Honkai Star Rail is a study in high-contrast, narrative-driven color design that balances a void-like presence with luminous arcane flares. Her dominant cloak reads as Cod Gray #0B0B0B, supported by structural Shark #2F3036 and punctuated by energetic Blueberry #7C5CFF accents. These precise color codes and HEX values make her silhouette readable while allowing particle effects and UI treatments to pop—useful for designers searching color codes, HEX palettes, and fan artists recreating her visual DNA for interfaces or concept art.
Black Swan Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cod Gray | #0B0B0B | 11, 11, 11 | 0, 0, 0, 96 | |
| Shark | #2F3036 | 47, 48, 54 | 13, 11, 0, 79 | |
| Blueberry | #7C5CFF | 124, 92, 255 | 51, 64, 0, 0 | |
| Robins Egg Blue | #2CE6D6 | 44, 230, 214 | 81, 0, 7, 10 | |
| Pampas | #F3EFEA | 243, 239, 234 | 0, 2, 4, 5 |
Black Swan CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Black Swan Honkai Star Rail Palette */
--black-swan-honkai-star-rail-cod-gray: #0B0B0B;
--black-swan-honkai-star-rail-shark: #2F3036;
--black-swan-honkai-star-rail-blueberry: #7C5CFF;
--black-swan-honkai-star-rail-robins-egg-blue: #2CE6D6;
--black-swan-honkai-star-rail-pampas: #F3EFEA;
}More Honkai: Star Rail Color Codes (Black Palette)
Black Swan CSS Gradients
Beautiful gradient backgrounds inspired by Black Swan’s aesthetic. Click to copy the CSS code.
Black Swan Color Scheme Breakdown
Cod Gray#0B0B0B
Appears as the character’s primary clothing and cloak base, providing a void-like silhouette and visual weight that emphasizes her mysterious, ominous presence and contrasts with luminous ability effects and narrative significance.
Shark#2F3036
Used for armored trims, straps and structural pieces across her outfit, offering subtle depth and material differentiation while maintaining the dark motif and allowing highlights and glyphic patterns to read clearly.
Blueberry#7C5CFF
Forms the primary accent on her sleeves, emblematic motifs and ability flares, suggesting arcane, otherworldly power while visually linking animated particle effects and costume ornamentation into a single thematic signature.
Robins Egg Blue#2CE6D6
Appears as energy glow and particle core color during skills and ultimates, representing her void-tech or ethereal force, providing high-contrast luminescence against the dark wardrobe and emphasizing motion and impact.
Pampas#F3EFEA
Used for hair accents, facial highlights and trim piping, this light tone offsets the somber palette, adds delicate contrast to silhouette edges, and communicates a cold, almost porcelain elegance in her design.
Black Swan 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Black Swan’s palette for a perfectly balanced visual hierarchy.
Black Swan UI Component Preview
Here is a live example of how the Black Swan color palette looks when applied to a modern UI component.
Black Swan
Void Enforcer
“Embrace the void.”
Black Swan 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 Black Swan’s aesthetic.
- Main LED: 11, 11, 11
- Accent LED: 47, 48, 54
The Design Philosophy behind Black Swan’s Palette
The design philosophy centers on contrast and readability: an absolute dark base (Cod Gray #0B0B0B) establishes visual weight and mystery, while Shark #2F3036 supplies material detail and depth without breaking the sombre motif. Bright accents—Blueberry #7C5CFF for arcane motifs and Robins Egg Blue #2CE6D6 for skill glows—signal supernatural power and motion, offering immediate focal points against the dark canvas. Pampas #F3EFEA adds delicate highlights for facial features and trim, introducing porcelain elegance that prevents the palette from feeling flat. This curated set of HEX values demonstrates how color codes can encode narrative, hierarchy, and particle language effectively for UI/UX and character-driven visuals.
Best Black Swan Color Combinations
Void Glow Contrast
Deep Cod Gray (#0B0B0B) paired with Robins Egg Blue (#2CE6D6) creates dramatic contrast ideal for dark UIs with luminous call-to-actions or ability indicators.
Arcane Trim Harmony
Blueberry (#7C5CFF) accents balanced with Pampas (#F3EFEA) deliver a refined arcane highlight scheme perfect for icons, borders, and emblem details.
Explore More Honkai: Star Rail Character Color Codes
Download Black Swan Honkai Star Rail Color Palette
Black Swan .ASE Swatches
For Adobe Swatches & Procreate
Black Swan .SVG Palette
Vector Color Palette
Black Swan .PNG Image
High-Quality Palette Preview
FAQs about Black Swan Honkai Star Rail Color Codes
What is the primary color of Black Swan’s cloak?
The cloak’s primary color is Cod Gray — HEX #0B0B0B.
Which HEX is used for her armor trims and structural outfit pieces?
Armor trims and structural elements use Shark — HEX #2F3036.
What color HEX represents her skill glow and particle core?
Her skill glow and particle core use Robins Egg Blue — HEX #2CE6D6, with additional magical accents in Blueberry #7C5CFF.
