• Home
  • /
  • Gaming
  • /
  • Valorant
  • /
  • Tejo Color Codes Palette (Valorant) — HEX & Color Codes for UI Design

Tejo Color Codes Palette (Valorant) — HEX & Color Codes for UI Design

Tejo Color Codes Palette (Valorant) — HEX & Color Codes for UI Design

Tejo is Valorant’s pragmatic cyber-tactical operative whose palette blends stealth and tech-sleek clarity. The design leans on deep Shark (#2B2F36) across outer panels, balanced by Nevada (#5F6A73) for reinforced fabric tones and lifted by Ghost (#C9D0D8) inner-layer highlights. Strategic pops of Atoll (#0B6E7A) and Old Gold (#D3A24A) mark signature gear and emblems. For designers searching Tejo color codes, Valorant palette HEX references, or ready-made UI color codes, this set reads as a functional toolkit that conveys discipline, advanced equipment, and premium detail for game UI and branded interfaces.

Shark
#2B2F36
Nevada
#5F6A73
Ghost
#C9D0D8
Atoll
#0B6E7A
Old Gold
#D3A24A

Tejo Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Shark#2B2F3643, 47, 5420, 13, 0, 79
Nevada#5F6A7395, 106, 11517, 8, 0, 55
Ghost#C9D0D8201, 208, 2167, 4, 0, 15
Atoll#0B6E7A11, 110, 12291, 10, 0, 52
Old Gold#D3A24A211, 162, 740, 23, 65, 17

Tejo CSS & Tailwind Color Variables

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

:root {
/* Tejo Valorant Palette */
--tejo-valorant-shark: #2B2F36;
--tejo-valorant-nevada: #5F6A73;
--tejo-valorant-ghost: #C9D0D8;
--tejo-valorant-atoll: #0B6E7A;
--tejo-valorant-old-gold: #D3A24A;
}

Tejo CSS Gradients

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

Click to Copy CSS
Shark to Atoll#2B2F36 → #0B6E7A
Click to Copy CSS
Ghost to Shark#C9D0D8 → #2B2F36

Tejo Color Scheme Breakdown

Shark#2B2F36

Deep charcoal appears across Tejo’s outer jacket panels and tactical gear, grounding the silhouette with a covert, utilitarian feel and emphasizing a disciplined, special-ops identity within Valorant’s style language.

Nevada#5F6A73

Cool steel grey shows on reinforced fabric sections, straps, and armor-like trims, conveying durability and modern tech refinement while balancing darker blocks so the outfit reads clean and structured in motion.

Ghost#C9D0D8

Pale silver-grey is used on inner layers and clean accents, adding readable contrast against the darker suit and suggesting engineered materials, precision, and a high-end, tactical fabrication aesthetic.

Atoll#0B6E7A

Muted teal highlights appear on signature details and tech elements, acting as a recognizable identity accent that signals advanced equipment and gives the character a distinct, modern, cyber-tactical edge.

Old Gold#D3A24A

Warm muted gold appears as small emblematic trims and hardware-like accents, providing a premium, authoritative pop that breaks the cool palette and subtly reinforces status, confidence, and character branding.

Tejo 60-30-10 Design Rule

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

60% Background
#C9D0D8
30% Primary
#0B6E7A
10% Accent
#2B2F36

Use Ghost (#C9D0D8) for large background spaces, Atoll (#0B6E7A) for primary text and structural UI elements, and vibrant Shark (#2B2F36) exclusively for call-to-action buttons and important highlights.

Tejo UI Component Preview

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

Tejo

Cyber Tactical Agent

“Eyes open. Target acquired.”

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

  • Main LED: 43, 47, 54
  • Accent LED: 95, 106, 115

The Design Philosophy behind Tejo’s Palette

Tejo’s design philosophy centers on functional clarity and narrative-driven accents. Developers use a restrained neutral base — Shark (#2B2F36) and Nevada (#5F6A73) — to signal stealth, tactical reliability, and readable silhouettes in-game, while Ghost (#C9D0D8) provides engineered contrast for UI affordances and layered fabrics. Accent choices Atoll (#0B6E7A) and Old Gold (#D3A24A) function as semantic markers: Atoll denotes active tech elements and interactive states, Old Gold highlights rank and hardware, supplying visual hierarchy without overwhelming the palette. For UI/UX practitioners and those searching Tejo color codes or HEX palette references, this curated set demonstrates how limited hues can map story, affordance, and brand identity cleanly across HUD, skins, and promotional layouts. It’s a strong case study for designers aiming to adapt game-driven palettes into real-world product interfaces and marketing assets.

Best Tejo Color Combinations

Stealth Tech Duo

Deep Shark with Atoll creates a readable, high-impact contrast ideal for call-to-action elements and tech UI indicators without breaking the covert aesthetic.

Refined Neutral Pair

Nevada and Ghost form a versatile neutral system for backgrounds, panels, and typography that preserves legibility and a modern tactical feel.

Download Tejo Valorant Color Palette

ASE

Tejo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Tejo .SVG Palette

Vector Color Palette

PNG

Tejo .PNG Image

High-Quality Palette Preview

FAQs about Tejo Valorant Color Codes

What is the color of Tejo’s outer jacket?

Tejo’s outer jacket uses Shark — HEX #2B2F36.

What are the main suit and reinforced fabric colors?

The suit balances Nevada — HEX #5F6A73 with inner Ghost accents — HEX #C9D0D8 for readable layered contrast.

Which colors are used for accents and hardware details?

Accent and tech highlights use Atoll — HEX #0B6E7A and Old Gold — HEX #D3A24A for interactive states and emblem trims.

Copied