Archer’s design in Honkai Star Rail is a masterclass in wilderness survival aesthetics, blending stealth with a touch of heroic flair. Dominating his silhouette is the deep forest green of Jewel (#145A3D), which perfectly anchors his identity as a master of the woods. This is balanced by the rugged Dingley (#6B8A44) olive tones found in his layered tunic, ensuring he remains inconspicuous yet visually distinct in natural environments. To add warmth and a sense of handcrafted craftsmanship, designers integrated Laser (#CDA66E) tan leather accents for his gear. These professional color codes offer a grounded, naturalistic palette that resonates with players seeking a realistic yet mythical ranger vibe.
Archer Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Jewel | #145A3D | 20, 90, 61 | 78, 0, 32, 65 | |
| Dingley | #6B8A44 | 107, 138, 68 | 22, 0, 51, 46 | |
| Laser | #CDA66E | 205, 166, 110 | 0, 19, 46, 20 | |
| English Walnut | #3E2E23 | 62, 46, 35 | 0, 26, 44, 76 | |
| Anzac | #D9B24F | 217, 178, 79 | 0, 18, 64, 15 |
Archer CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Archer Honkai Star Rail Palette */
--archer-honkai-star-rail-jewel: #145A3D;
--archer-honkai-star-rail-dingley: #6B8A44;
--archer-honkai-star-rail-laser: #CDA66E;
--archer-honkai-star-rail-english-walnut: #3E2E23;
--archer-honkai-star-rail-anzac: #D9B24F;
}More Honkai: Star Rail Character Color Palettes Color Codes (Green Palette)
Archer CSS Gradients
Beautiful gradient backgrounds inspired by Archer’s aesthetic. Click to copy the CSS code.
Archer Color Scheme Breakdown
Jewel#145A3D
This deep forest green appears on Archer’s hooded cloak and quiver covering, signaling stealthy forest origins and blending with natural environments, forming the primary silhouette and visual identity of the character.
Dingley#6B8A44
A muted olive green is used for layered tunic panels and straps, conveying rugged practicality and mid-tone contrast between darker cloak and lighter belt elements, reinforcing the character’s wilderness survival aesthetic.
Laser#CDA66E
Warm tan leather appears on Archer’s gloves, quiver accents, and boots, indicating handcrafted gear and practical wear while providing a warm contrast against the cooler greens and deep browns of the outfit.
English Walnut#3E2E23
Dark brown shows up on the bow grip, leather reinforcements, and belt, grounding the design with practical, sturdy materials and adding depth to the silhouette against lighter garments.
Anzac#D9B24F
Muted gold highlights trace decorative embroidery, arrow fletching tips, and metal fastenings, offering subtle heroic flair and helping key elements catch light without overpowering the character’s naturalistic color scheme.
Archer 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Archer’s palette for a perfectly balanced visual hierarchy.
Archer UI Component Preview
Here is a live example of how the Archer color palette looks when applied to a modern UI component.
Archer
Stealthy Forest Ranger
“The forest whispers your location; my arrow simply follows the wind.”
Archer 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 Archer’s aesthetic.
- Main LED: 20, 90, 61
- Accent LED: 107, 138, 68
The Design Philosophy behind Archer’s Palette
The design philosophy behind Archer’s palette focuses on ‘Functional Naturalism.’ By utilizing a base of English Walnut (#3E2E23) for structural elements like the bow grip and belt, the developers establish a sense of weight, durability, and grounded realism. The transition from the dark Jewel (#145A3D) to the lighter Dingley (#6B8A44) creates a sophisticated monochromatic green layering that mimics forest shadows and sunlight. This organic foundation is strategically broken by Anzac (#D9B24F) gold highlights on the embroidery and fletching. This choice is brilliant; it elevates the character from a simple woodsman to a legendary hero without sacrificing his stealthy persona. In UI/UX terms, this palette provides excellent legibility and a soothing, Earth-toned user experience, proving that muted tones can drive a powerful visual narrative through expert contrast.
Best Archer Color Combinations
Forest Stealth Layering
Ideal for creating depth in organic backgrounds, these greens provide a professional, layered look for eco-friendly or outdoor-themed interfaces.
Gilded Earth Contrast
This high-contrast pairing of dark brown and muted gold creates a premium, antique feel perfect for luxury branding or legendary UI item cards.
Explore More Honkai: Star Rail Character Color Palettes Character Color Codes
Download Archer Honkai Star Rail Color Palette
Archer .ASE Swatches
For Adobe Swatches & Procreate
Archer .SVG Palette
Vector Color Palette
Archer .PNG Image
High-Quality Palette Preview
FAQs about Archer Honkai Star Rail Color Codes
What is the HEX code for Archer’s signature forest cloak in Honkai Star Rail?
The primary color of Archer’s hooded cloak and quiver covering is Jewel (#145A3D), a deep forest green designed for stealth and visual identity.
Which color represents the leather gear and boots of Archer?
Archer’s practical leather gear, including his gloves, quiver accents, and boots, uses the warm tan shade known as Laser (#CDA66E).
What color is used for the metallic gold highlights on Archer’s outfit?
The decorative embroidery and metal fastenings are highlighted with Anzac (#D9B24F), a muted gold that adds a subtle heroic flair to his design.
Explore More Green Palettes Across Universes
Ibara Shiozaki Color Codes – My Hero Academia Palette & HEX Values for UI/UX Design
Tanjiro Kamado Color Codes & Palette – Complete Demon Slayer HEX Values for Designers
Dende Color Codes & Palette – Dragon Ball HEX, RGB & CMYK Guide for Designers
