Cypher’s visual identity is a study in controlled contrast and functional storytelling, ideal for designers hunting precise Cypher color codes and Valorant palette references. His trench and inner layers read off-white as Cararra (#F2F2EF), balanced by near-black Woodsmoke (#111216) straps and trims for stealth, while tech highlights flash in Jelly Bean (#2C8EA6) to signal active surveillance. This curated HEX-driven scheme makes Cypher instantly readable in-game and gives UI/UX creators a reliable set of values for themed interfaces, icons, and mockups.
Cypher Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cararra | #F2F2EF | 242, 242, 239 | 0, 0, 1, 5 | |
| Woodsmoke | #111216 | 17, 18, 22 | 23, 18, 0, 91 | |
| Black Coral Pearl | #5A6B78 | 90, 107, 120 | 25, 11, 0, 53 | |
| Aztec Gold | #C7A15A | 199, 161, 90 | 0, 19, 55, 22 | |
| Jelly Bean | #2C8EA6 | 44, 142, 166 | 73, 14, 0, 35 |
Cypher CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Cypher Valorant Palette */
--cypher-valorant-cararra: #F2F2EF;
--cypher-valorant-woodsmoke: #111216;
--cypher-valorant-black-coral-pearl: #5A6B78;
--cypher-valorant-aztec-gold: #C7A15A;
--cypher-valorant-jelly-bean: #2C8EA6;
}Cypher CSS Gradients
Beautiful gradient backgrounds inspired by Cypher’s aesthetic. Click to copy the CSS code.
Cypher Color Scheme Breakdown
Cararra#F2F2EF
Off-white dominates Cypher’s trench coat panels and inner layers, reading as crisp fabric under desert light; it reinforces his composed, professional investigator persona and makes his silhouette instantly recognizable.
Woodsmoke#111216
Near-black appears on gloves, belts, straps, and coat trims, grounding the outfit with stealth and restraint; it visually supports his covert surveillance role and contrasts sharply against the pale coat.
Black Coral Pearl#5A6B78
Steel blue-grey shows across tactical fabric sections and garment accents, suggesting utilitarian gear and cool-headed control; it bridges the bright coat and dark harness while keeping the overall look technical.
Aztec Gold#C7A15A
Warm sand-gold is used in hat band details, hardware, and subtle accessory elements, echoing Cypher’s North African inspiration; it adds refined contrast and signals premium, meticulously maintained spy equipment.
Jelly Bean#2C8EA6
Cyan-teal is most associated with Cypher’s tech—camera lens glow, trapwire indicators, and UI-like highlights—communicating surveillance electronics, data flow, and his information-gathering identity during ability use.
Cypher 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Cypher’s palette for a perfectly balanced visual hierarchy.
Cypher UI Component Preview
Here is a live example of how the Cypher color palette looks when applied to a modern UI component.
Cypher
Surveillance Sentinel
“I never sleep.”
Cypher 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 Cypher’s aesthetic.
- Main LED: 242, 242, 239
- Accent LED: 17, 18, 22
The Design Philosophy behind Cypher’s Palette
The design philosophy behind Cypher’s palette uses restrained neutrals and surgical accents to reflect his role as an information broker and tracker. Off-white Cararra establishes a recognizable silhouette and conveys composed professionalism, while Woodsmoke provides low-key contrast for harnesses and trims that read stealthy in-game. Mid steel tones like Black Coral Pearl add tactical texture, and warm Aztec Gold hints at cultural roots and refined hardware. Jelly Bean functions as a UI signal color—used for camera glows and trap indicators—so the palette not only supports narrative but also encodes affordances; these are practical UI color codes you can apply to maintain clarity and narrative fidelity in game-themed designs.
Best Cypher Color Combinations
Stealth Ivory Contrast
Off-white Cararra against near-black Woodsmoke creates high legibility and a dramatic silhouette ideal for HUDs and character panels.
Tech Signal Accent
Cyan-teal Jelly Bean paired with Aztec Gold balances cool tech indicators with warm metallic accents for actionable UI highlights.
Explore More Valorant Character Color Codes
Download Cypher Valorant Color Palette
Cypher .ASE Swatches
For Adobe Swatches & Procreate
Cypher .SVG Palette
Vector Color Palette
Cypher .PNG Image
High-Quality Palette Preview
FAQs about Cypher Valorant Color Codes
What is the primary color of Cypher’s trench coat?
Cypher’s trench coat is primarily the off-white tone Cararra, HEX #F2F2EF.
What color is used for Cypher’s straps and trim to convey stealth?
Near-black Woodsmoke, HEX #111216, is applied to gloves, belts and trims for grounding and contrast.
Which HEX represents Cypher’s tech glow and UI highlights?
The camera and tech highlights use a cyan-teal Jelly Bean, HEX #2C8EA6, as the primary signal color.