Arlan Honkai Star Rail Color Codes & HEX Palette — Color Codes Guide

Arlan Honkai Star Rail Color Codes & HEX Palette — Color Codes Guide

Arlan is a rugged, practical wanderer whose costume communicates experience and mobility through a grounded earth-tone palette. The leather coat and belts read as #3E2C1C Black Marlin, the tunic’s neutral base is #BDA387 Mongoose, and the jewelry and trim pop with #D9A441 Anzac; together they form a clear Honkai Star Rail HEX palette for creators. If you’re searching for Arlan color codes or planning UI components that echo his aesthetic, these exact HEX values give reliable color matching for fan art, mockups, and UI design references.

Black Marlin
#3E2C1C
Mongoose
#BDA387
Anzac
#D9A441
Elm
#1F8A7A
Pampas
#F5F3EF

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

Preview Color Name HEX RGB CMYK
Black Marlin #3E2C1C 62, 44, 28 0, 29, 55, 76
Mongoose #BDA387 189, 163, 135 0, 14, 29, 26
Anzac #D9A441 217, 164, 65 0, 24, 70, 15
Elm #1F8A7A 31, 138, 122 78, 0, 12, 46
Pampas #F5F3EF 245, 243, 239 0, 1, 2, 4

Arlan CSS & Tailwind Color Variables

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

:root {
/* Arlan Honkai Star Rail Palette */
--arlan-honkai-star-rail-black-marlin: #3E2C1C;
--arlan-honkai-star-rail-mongoose: #BDA387;
--arlan-honkai-star-rail-anzac: #D9A441;
--arlan-honkai-star-rail-elm: #1F8A7A;
--arlan-honkai-star-rail-pampas: #F5F3EF;
}

More Honkai: Star Rail Color Codes (Brown Palette)

Arlan CSS Gradients

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

Click to Copy CSS
Black Marlin to Elm#3E2C1C → #1F8A7A
Click to Copy CSS
Anzac to Black Marlin#D9A441 → #3E2C1C

Arlan Color Scheme Breakdown

Black Marlin#3E2C1C

A deep dark brown used for Arlan’s leather coat, belts and boot panels, giving a durable, grounded look that emphasizes his rugged, practical adventurer aesthetic and anchors the rest of his outfit.

Mongoose#BDA387

A warm beige forming the primary fabric of Arlan’s tunic and trousers, providing a neutral, sandlike base that evokes a traveler’s practicality while balancing brighter accents and small decorative details.

Anzac#D9A441

A golden amber used for trim, buckles, and jewelry highlights, signaling wealth and cultural ornamentation while catching light to create visual focal points across his costume and reinforcing a sun-warmed palette.

Elm#1F8A7A

A muted teal accenting Arlan’s scarf, small pouches or gemstone details, introducing cool contrast that suggests exotic origins or elemental resonance and visually breaks the warm, earth-toned clothing areas there.

Pampas#F5F3EF

An off-white used for shirt panels, fur trims and inner linings, providing clean highlights and visual breathing space that enhances layered silhouettes while suggesting practicality and understated refinement and durability.

Arlan 60-30-10 Design Rule

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

60% Background
#F5F3EF
30% Primary
#1F8A7A
10% Accent
#3E2C1C

Use Pampas (#F5F3EF) for large background spaces, Elm (#1F8A7A) for primary text and structural UI elements, and vibrant Black Marlin (#3E2C1C) exclusively for call-to-action buttons and important highlights.

Arlan UI Component Preview

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

Arlan

Roguish Scout

“The road teaches better than any map.”

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

  • Main LED: 62, 44, 28
  • Accent LED: 189, 163, 135

The Design Philosophy behind Arlan’s Palette

The design philosophy behind Arlan’s palette balances rugged functionality with cultural ornamentation: a heavy anchor color (#3E2C1C Black Marlin) provides visual weight and durability, while a warm base (#BDA387 Mongoose) reads as travel-worn fabric that supports readable silhouettes. Accent choices like #D9A441 Anzac add focal highlights for buckles and jewelry, catching light where interaction matters, while #1F8A7A Elm supplies a cool counterpoint that hints at exotic origins or elemental resonance. Subtle off-white (#F5F3EF Pampas) creates breathing space for layered clothing and improves contrast for UI elements. For anyone searching Honkai Star Rail Arlan HEX codes, this combination demonstrates practical contrast, narrative clarity, and versatile application in UI and graphic design.

Best Arlan Color Combinations

Anchored Contrast

Deep Black Marlin paired with Pampas creates high-contrast text/background combinations ideal for legibility in UI and typographic hierarchy.

Sun and Sea Accent

Anzac’s warm amber and Elm’s muted teal form a complementary highlight duo that draws attention to interactive elements without overpowering the base palette.

Download Arlan Honkai Star Rail Color Palette

ASE

Arlan .ASE Swatches

For Adobe Swatches & Procreate

SVG

Arlan .SVG Palette

Vector Color Palette

PNG

Arlan .PNG Image

High-Quality Palette Preview

FAQs about Arlan Honkai Star Rail Color Codes

What is the color of Arlan’s leather coat?

Arlan’s leather coat and boot panels use Black Marlin #3E2C1C.

What is the main fabric color of Arlan’s tunic and trousers?

The primary fabric tone is Mongoose #BDA387, a warm beige base for his outfit.

What color is used for Arlan’s trims, buckles, and jewelry highlights?

Trim and decorative highlights are in Anzac #D9A441, a golden amber that catches light.

Copied