Screwllum Honkai Star Rail Color Codes & Palette (HEX Guide)

Screwllum Honkai Star Rail Color Codes & Palette (HEX Guide)

Screwllum stands out as a mechanically enigmatic figure in Honkai Star Rail, blending arcane motifs with industrial tech aesthetics. Her signature Royal Purple (#6B3FA0) defines the silhouette while Scooter (#2AC7C9) circuitry glows punctuate motion and Cream Can (#F2C94C) metallic accents catch the eye, making the palette both theatrical and functional. For designers searching for ‘Screwllum color codes’ or ‘Screwllum HEX codes’, this palette offers a clear roadmap for UI/UX and fanart implementation, balancing contrast, readability, and narrative cues across portrait, HUD, and promotional assets.

Royal Purple
#6B3FA0
Scooter
#2AC7C9
Cream Can
#F2C94C
Eerie Black
#1E1E1E
Pampas
#F7F6F2

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

Preview Color Name HEX RGB CMYK
Royal Purple #6B3FA0 107, 63, 160 33, 61, 0, 37
Scooter #2AC7C9 42, 199, 201 79, 1, 0, 21
Cream Can #F2C94C 242, 201, 76 0, 17, 69, 5
Eerie Black #1E1E1E 30, 30, 30 0, 0, 0, 88
Pampas #F7F6F2 247, 246, 242 0, 0, 2, 3

Screwllum CSS & Tailwind Color Variables

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

:root {
/* Screwllum Honkai Star Rail Palette */
--screwllum-honkai-star-rail-royal-purple: #6B3FA0;
--screwllum-honkai-star-rail-scooter: #2AC7C9;
--screwllum-honkai-star-rail-cream-can: #F2C94C;
--screwllum-honkai-star-rail-eerie-black: #1E1E1E;
--screwllum-honkai-star-rail-pampas: #F7F6F2;
}

Screwllum CSS Gradients

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

Click to Copy CSS
Royal Purple to Eerie Black#6B3FA0 → #1E1E1E
Click to Copy CSS
Cream Can to Royal Purple#F2C94C → #6B3FA0

Screwllum Color Scheme Breakdown

Royal Purple#6B3FA0

This rich purple appears across Screwllum’s main coat and hair accents, forming the visual foundation of her silhouette and conveying enigmatic, arcane energy tied to her abilities and character identity.

Scooter#2AC7C9

A vibrant teal is used for circuitry-like trims, eye glows, and small mechanical details on Screwllum’s gear, suggesting high-tech power flow and providing sharp contrast against deeper purple surfaces overall.

Cream Can#F2C94C

Gold accents highlight buckles, screw motifs, and emblem trim on Screwllum’s attire and weapon, emphasizing luxury, focal points of movement, and the engineered, ornamental nature of her design in combat animations.

Eerie Black#1E1E1E

Near-black is reserved for inner armor plating, boot soles, and shadowed mechanical components, anchoring the palette with depth, readability in silhouette, and a utilitarian, industrial feel to her hardware design.

Pampas#F7F6F2

A soft off-white highlights frayed fabric edges, inner linings, and subtle panel seams, providing breathable contrast for visual clarity while suggesting worn, aged textiles juxtaposed with metallic elements throughout design.

Screwllum 60-30-10 Design Rule

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

60% Background
#F7F6F2
30% Primary
#1E1E1E
10% Accent
#6B3FA0

Use Pampas (#F7F6F2) for large background spaces, Eerie Black (#1E1E1E) for primary text and structural UI elements, and vibrant Royal Purple (#6B3FA0) exclusively for call-to-action buttons and important highlights.

Screwllum UI Component Preview

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

Screwllum

Arcane Tech Operative

“Let the gears whisper your fate.”

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

  • Main LED: 107, 63, 160
  • Accent LED: 42, 199, 201

The Design Philosophy behind Screwllum’s Palette

The design philosophy behind Screwllum’s palette deliberately pairs mystique with machine precision: deep Royal Purple anchors her mystic identity while Scooter teal functions as a high-energy tech readout, and Cream Can gold selects focal points for action and ornamentation. Eerie Black provides depth and silhouette clarity; Pampas off-white softens transitions and suggests worn fabrics against metal. This combination supports narrative contrast—arcane vs. engineered—while serving practical UI/UX needs like accessibility, icon emphasis, and visual hierarchy. For anyone optimizing interface elements or asset sets using Screwllum HEX codes, the palette ensures legibility, motion emphasis, and thematic cohesion without sacrificing character storytelling.

Best Screwllum Color Combinations

Arcane Circuit Contrast

Royal Purple paired with Scooter teal creates striking contrast that highlights interactive elements and tech glows in UI or character art.

Regal Accent Anchor

Cream Can gold against Eerie Black provides luxurious focal points and strong legibility for icons, trims, and weapon details.

Download Screwllum Honkai Star Rail Color Palette

ASE

Screwllum .ASE Swatches

For Adobe Swatches & Procreate

SVG

Screwllum .SVG Palette

Vector Color Palette

PNG

Screwllum .PNG Image

High-Quality Palette Preview

FAQs about Screwllum Honkai Star Rail Color Codes

What is the hex code for Screwllum’s hair and main coat color?

Screwllum’s hair and main coat use Royal Purple, hex #6B3FA0.

Which hex codes define Screwllum’s overall outfit and silhouette?

The outfit’s primary structure relies on #6B3FA0 (Royal Purple) with depth from #1E1E1E (Eerie Black) for armor and shadows.

What are the accent or glow hex codes used for technology and trims?

Circuitry glows and mechanical trims use Scooter #2AC7C9 and metallic highlights use Cream Can #F2C94C.

Copied