Cipher’s visual identity in Honkai Star Rail uses a concise, high-contrast palette that balances aristocratic mystery with technological flux. The primary silhouette relies on Clairvoyant #3C0956 to convey depth and secrecy, while Blueberry #8A63FF supplies energetic highlights and movement; Robin’s Egg Blue #00E4D0 functions as the luminous tech accent for glows and HUD elements. For designers and anyone searching for Cipher color codes or HEX palette references, this breakdown explains how each HEX choice supports readability, focal hierarchy, and brand recognition across UI, promotional art, and in-game portraits.
Cipher Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Clairvoyant | #3C0956 | 60, 9, 86 | 30, 90, 0, 66 | |
| Blueberry | #8A63FF | 138, 99, 255 | 46, 61, 0, 0 | |
| Robin’s Egg Blue | #00E4D0 | 0, 228, 208 | 100, 0, 9, 11 | |
| Cod Gray | #0B0B0B | 11, 11, 11 | 0, 0, 0, 96 | |
| Black Squeeze | #F4F7FB | 244, 247, 251 | 3, 2, 0, 2 |
Cipher CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Cipher Honkai Star Rail Palette */
--cipher-honkai-star-rail-clairvoyant: #3C0956;
--cipher-honkai-star-rail-blueberry: #8A63FF;
--cipher-honkai-star-rail-robin's-egg-blue: #00E4D0;
--cipher-honkai-star-rail-cod-gray: #0B0B0B;
--cipher-honkai-star-rail-black-squeeze: #F4F7FB;
}More Honkai: Star Rail Color Codes (Purple Palette)
Cipher CSS Gradients
Beautiful gradient backgrounds inspired by Cipher’s aesthetic. Click to copy the CSS code.
Cipher Color Scheme Breakdown
Clairvoyant#3C0956
This deep purple forms Cipher’s primary outfit panels and glove trim, conveying mysterious, aristocratic presence and ties to his path and lore while serving as the main silhouette color across promotional art and in-game portraits.
Blueberry#8A63FF
A brighter violet highlights cuffs, insignia, energy motifs and inner coat linings, signaling arcane power and character flair while contrasting darker primary purple to emphasize movement and focal points in abilities and art.
Robin’s Egg Blue#00E4D0
Cyan-teal accents appear as energy veins, holographic displays, and eye glows, visually representing Cipher’s technological, cybernetic nature and active abilities, providing high-contrast highlights that draw attention to interactive skill effects.
Cod Gray#0B0B0B
Near-black elements form boots, straps, weapon outlines and costume undersets, grounding the palette with stark contrast that enhances silhouette clarity, seriousness, and a clandestine, operative aesthetic central to Cipher’s character design.
Black Squeeze#F4F7FB
Soft off-white appears on coat panels, collars, and accessory trims, suggesting clinical precision and nobility while balancing darker tones, improving legibility in UI icons and reinforcing a refined, scientific persona.
Cipher 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Cipher’s palette for a perfectly balanced visual hierarchy.
Cipher UI Component Preview
Here is a live example of how the Cipher color palette looks when applied to a modern UI component.
Cipher
Cyber Operative
“Precision is power; I calculate the edge.”
Cipher 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 Cipher’s aesthetic.
- Main LED: 60, 9, 86
- Accent LED: 138, 99, 255
The Design Philosophy behind Cipher’s Palette
The design philosophy behind Cipher’s palette leverages contrast and semantic coloring to tell story and function simultaneously. Deep tones like Clairvoyant #3C0956 form an aristocratic, shadowed base that reads as silhouette and authority, while mid-tone Blueberry #8A63FF creates focal points for movement and emblematic details. Robin’s Egg Blue #00E4D0 operates as a signal color for technology and abilities, instantly communicating interactivity in HUD and VFX. Anchoring elements use Cod Gray #0B0B0B for clarity and weight, and soft panels in Black Squeeze #F4F7FB add legibility and refined trim. This controlled HEX palette makes Cipher visually coherent and effective for UI, iconography, and color codes-driven design systems.
Best Cipher Color Combinations
Aristocratic Silhouette
Deep purple paired with soft off-white creates elegant contrast ideal for primary costume panels and readable UI backgrounds.
Neon Tech Accent
Bright cyan-teal against near-black yields vivid glow effects and high legibility for HUD elements and ability VFX.
Explore More Honkai: Star Rail Character Color Codes
Download Cipher Honkai Star Rail Color Palette
Cipher .ASE Swatches
For Adobe Swatches & Procreate
Cipher .SVG Palette
Vector Color Palette
Cipher .PNG Image
High-Quality Palette Preview
FAQs about Cipher Honkai Star Rail Color Codes
What HEX is Cipher’s eye glow or energy accent?
Cipher’s energy and eye glow use Robin’s Egg Blue #00E4D0.
What is the main outfit or silhouette color HEX?
Cipher’s primary outfit panels and main silhouette use Clairvoyant #3C0956.
Which HEXs are used for secondary highlights and trims?
Secondary highlights and trims use Blueberry #8A63FF and the soft off-white Black Squeeze #F4F7FB for contrast.
