Hook (Honkai Star Rail) Color Codes Palette & HEX Guide — Hook Color Codes

Hook (Honkai Star Rail) Color Codes Palette & HEX Guide — Hook Color Codes

Hook from Honkai Star Rail is a brash, pirate-styled brawler whose visual identity is driven by a bold palette: the dominant #C2382B Persian Red for his coat, near-black #0E0E0F Woodsmoke for straps and boots, and antique #C7A85A Sundance for trims. This combination balances aggression and ornamentation, making Hook instantly readable in thumbnails and character screens. For designers and UI/UX specialists searching for Hook color codes or HEX palette guidance, these specific swatches provide an exact starting point for UI accents, character portraits, and thematic marketing assets.

Persian Red
#C2382B
Woodsmoke
#0E0E0F
Sundance
#C7A85A
Raw Umber
#6B3B1F
Almond
#F0D9C3

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

Preview Color Name HEX RGB CMYK
Persian Red #C2382B 194, 56, 43 0, 71, 78, 24
Woodsmoke #0E0E0F 14, 14, 15 7, 7, 0, 94
Sundance #C7A85A 199, 168, 90 0, 16, 55, 22
Raw Umber #6B3B1F 107, 59, 31 0, 45, 71, 58
Almond #F0D9C3 240, 217, 195 0, 10, 19, 6

Hook CSS & Tailwind Color Variables

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

:root {
/* Hook Honkai Star Rail Palette */
--hook-honkai-star-rail-persian-red: #C2382B;
--hook-honkai-star-rail-woodsmoke: #0E0E0F;
--hook-honkai-star-rail-sundance: #C7A85A;
--hook-honkai-star-rail-raw-umber: #6B3B1F;
--hook-honkai-star-rail-almond: #F0D9C3;
}

More Honkai: Star Rail Color Codes (Red Palette)

Hook CSS Gradients

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

Click to Copy CSS
Persian Red to Raw Umber#C2382B → #6B3B1F
Click to Copy CSS
Sundance to Persian Red#C7A85A → #C2382B

Hook Color Scheme Breakdown

Persian Red#C2382B

This deep crimson forms Hook’s primary coat and cloak, driving visual focus and conveying aggressive, pirate-inspired bravado; it’s the dominant flat fabric color used across torso, sleeve panels, and flag-like accents.

Woodsmoke#0E0E0F

A near-black matte used for Hook’s boots, straps, inner garments and the metal hook’s base, providing silhouette definition and contrast against brighter fabrics while remaining free of specular highlights or painted reflections.

Sundance#C7A85A

Muted antique gold trim appears on Hook’s buttons, buckles and decorative embroidery, signaling rank and ornate detailing without glossy shine; it reads as flat metallic paint in concept art and trims weapon hilts subtly.

Raw Umber#6B3B1F

Warm saddle brown constitutes Hook’s leather elements—gloves, holsters and wide belt—communicating rugged utility and aging materiality; designers use it as a neutral mid-tone anchoring the silhouette between red and black areas.

Almond#F0D9C3

A warm off-white flesh tone is applied to exposed skin and small cloth inserts like cravats or undershirts, providing human warmth and readable highlights against darker fabrics while avoiding reflective specular whites.

Hook 60-30-10 Design Rule

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

60% Background
#F0D9C3
30% Primary
#0E0E0F
10% Accent
#C2382B

Use Almond (#F0D9C3) for large background spaces, Woodsmoke (#0E0E0F) for primary text and structural UI elements, and vibrant Persian Red (#C2382B) exclusively for call-to-action buttons and important highlights.

Hook UI Component Preview

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

Hook

Roguish Pirate Captain

“Ain’t no treasure safe from Hook!”

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

  • Main LED: 194, 56, 43
  • Accent LED: 14, 14, 15

The Design Philosophy behind Hook’s Palette

The design philosophy behind Hook’s palette uses high-contrast storytelling: Persian Red (#C2382B) communicates threat and charisma, Woodsmoke (#0E0E0F) anchors silhouettes and reads cleanly at small sizes, while Sundance (#C7A85A), Raw Umber (#6B3B1F) and Almond (#F0D9C3) layer in hierarchy and texture. Developers treat metallic trims as muted gold rather than shiny highlights so the character reads as worn and tactical rather than glamorous. This restrained flat-appearance approach optimizes legibility in-game and on marketing art, making the color codes/HEX values practical references for UI designers recreating Hook’s look across responsive layouts and asset libraries.

Best Hook Color Combinations

Buccaneer Contrast

A bold foreground/background pair: Persian Red against Woodsmoke gives maximum silhouette clarity and dramatic CTAs in UI.

Antique Leather Accent

Sundance paired with Raw Umber creates a warm, worn-metal and leather feel ideal for decorative trims and inventory panels.

Download Hook Honkai Star Rail Color Palette

ASE

Hook .ASE Swatches

For Adobe Swatches & Procreate

SVG

Hook .SVG Palette

Vector Color Palette

PNG

Hook .PNG Image

High-Quality Palette Preview

FAQs about Hook Honkai Star Rail Color Codes

What is the primary coat color of Hook?

Hook’s primary coat color is Persian Red — HEX #C2382B.

Which color anchors Hook’s silhouette and dark elements?

The near-black matte used for boots and straps is Woodsmoke — HEX #0E0E0F.

What color is used for trims, buttons and decorative accents?

Muted antique gold trims use Sundance — HEX #C7A85A.

Copied