Sushang Honkai Star Rail Color Codes & Palette (HEX Swatches)

Sushang Honkai Star Rail Color Codes & Palette (HEX Swatches)

Sushang is a composed figure in Honkai Star Rail whose aesthetic blends serene aquatic tones with ceremonial accents. Her long hair reads as cool and ethereal in #C7EFF4 Mint Tulip, while the main coat anchors the silhouette in #0B5964 Deep Sea Green and bright trims pop in #2ED6D3 Turquoise. For designers and UI/UX creators searching for Sushang color codes, these HEX values offer a ready-made palette for character art, theming, and interface accents that communicate discipline, subtlety, and luminous motion.

Mint Tulip
#C7EFF4
Deep Sea Green
#0B5964
Turquoise
#2ED6D3
Di Serria
#D6A24A
Mandys Pink
#F3C6AD

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

Preview Color Name HEX RGB CMYK
Mint Tulip #C7EFF4 199, 239, 244 18, 2, 0, 4
Deep Sea Green #0B5964 11, 89, 100 89, 11, 0, 61
Turquoise #2ED6D3 46, 214, 211 79, 0, 1, 16
Di Serria #D6A24A 214, 162, 74 0, 24, 65, 16
Mandys Pink #F3C6AD 243, 198, 173 0, 19, 29, 5

Sushang CSS & Tailwind Color Variables

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

:root {
/* Sushang Honkai Star Rail Palette */
--sushang-honkai-star-rail-mint-tulip: #C7EFF4;
--sushang-honkai-star-rail-deep-sea-green: #0B5964;
--sushang-honkai-star-rail-turquoise: #2ED6D3;
--sushang-honkai-star-rail-di-serria: #D6A24A;
--sushang-honkai-star-rail-mandys-pink: #F3C6AD;
}

Sushang CSS Gradients

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

Click to Copy CSS
Mint Tulip to Di Serria#C7EFF4 → #D6A24A
Click to Copy CSS
Turquoise to Mint Tulip#2ED6D3 → #C7EFF4

Sushang Color Scheme Breakdown

Mint Tulip#C7EFF4

A cool pale cyan used for Sushang’s long hair base, especially mid-length strands and inner gradients, conveying her serene, ethereal presence and tying her visual identity to water- and ice-associated motifs.

Deep Sea Green#0B5964

A deep teal used on the main coat and large fabric panels, grounding Sushang’s silhouette, providing contrast to lighter hair tones, and communicating discipline, depth, and the character’s composed, stoic aesthetic.

Turquoise#2ED6D3

A vivid cyan-teal applied to trims, ribbon details, inner linings and skill effects, accentuating movement, drawing attention to key costume motifs and suggesting a luminous, aquatic energy within her abilities.

Di Serria#D6A24A

A warm gold used sparingly for buckles, small ornaments and emblematic trim, signaling refinement, status and focal highlights that break the cool palette with a touch of ceremonial elegance on accessories.

Mandys Pink#F3C6AD

A light warm skin tone for exposed face and hands, softening the overall cool costume palette, providing human warmth and emotional readability while ensuring clear facial features against strong costume contrasts.

Sushang 60-30-10 Design Rule

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

60% Background
#F3C6AD
30% Primary
#0B5964
10% Accent
#C7EFF4

Use Mandys Pink (#F3C6AD) for large background spaces, Deep Sea Green (#0B5964) for primary text and structural UI elements, and vibrant Mint Tulip (#C7EFF4) exclusively for call-to-action buttons and important highlights.

Sushang UI Component Preview

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

Sushang

Stoic Blade

“I do not seek glory; I only follow the path.”

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

  • Main LED: 199, 239, 244
  • Accent LED: 11, 89, 100

The Design Philosophy behind Sushang’s Palette

The design philosophy behind Sushang’s palette uses contrast and limited accenting to translate narrative and abilities into color. Developers pair a pale cyan base (#C7EFF4) to suggest ice- or water-tied grace with a heavy grounding tone (#0B5964) to convey discipline and presence; vivid accents like #2ED6D3 provide visual cues for movement and skill effects while a restrained gold (#D6A24A) signals ceremonial status. This calibrated use of color codes and HEX values creates readable silhouettes in gameplay and UI, reinforces character lore, and ensures harmony between subtlety and focal highlights for both art and interface applications.

Best Sushang Color Combinations

Ethereal Anchor

A pale hair base paired with a deep coat creates serene contrast that reads clearly at UI sizes and character thumbnails.

Luminous Accent

A vivid turquoise against warm gold makes action cues and ornaments pop, guiding attention to abilities and accessories.

Download Sushang Honkai Star Rail Color Palette

ASE

Sushang .ASE Swatches

For Adobe Swatches & Procreate

SVG

Sushang .SVG Palette

Vector Color Palette

PNG

Sushang .PNG Image

High-Quality Palette Preview

FAQs about Sushang Honkai Star Rail Color Codes

What is the exact HEX for Sushang’s hair color?

Sushang’s hair base is the pale cyan #C7EFF4 (Mint Tulip).

Which HEX represents Sushang’s main coat or outfit color?

The primary coat color is #0B5964 (Deep Sea Green), used to ground her silhouette.

What HEXs are used for accents and small ornaments?

Accents and trims use #2ED6D3 (Turquoise) for luminous effects and #D6A24A (Di Serria) for gold ornament highlights.

Copied