• Home
  • /
  • Gaming
  • /
  • Valorant
  • /
  • Brimstone Valorant Color Codes & HEX Palette — Tactical UI/UX Reference

Brimstone Valorant Color Codes & HEX Palette — Tactical UI/UX Reference

Brimstone Valorant Color Codes & HEX Palette — Tactical UI/UX Reference

Brimstone, Valorant’s seasoned tactical leader, uses a pragmatic, military-rooted palette that projects authority and battlefield command. The design centers on burnt orange Piper #D35A2A (Piper) across armor panels and beret accents, anchored by woody utility tones like Woody Brown #3B2E2A (Woody Brown) and balanced with warm Nomad #B8B1A6 (Nomad) on shirts and secondary cloth. Secondary hardware tones such as Eerie Black #1F1F1F and tech grey Flint #6E6A63 complete the look. For designers searching ‘Brimstone color codes’ or ‘Brimstone HEX palette’, these exact HEX values are essential to recreate his authoritative, tactical presence in UI, skin design, and marketing assets.

Piper
#D35A2A
Woody Brown
#3B2E2A
Nomad
#B8B1A6
Eerie Black
#1F1F1F
Flint
#6E6A63

Brimstone Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Piper#D35A2A211, 90, 420, 57, 80, 17
Woody Brown#3B2E2A59, 46, 420, 22, 29, 77
Nomad#B8B1A6184, 177, 1660, 4, 10, 28
Eerie Black#1F1F1F31, 31, 310, 0, 0, 88
Flint#6E6A63110, 106, 990, 4, 10, 57

Brimstone CSS & Tailwind Color Variables

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

:root {
/* Brimstone Valorant Palette */
--brimstone-valorant-piper: #D35A2A;
--brimstone-valorant-woody-brown: #3B2E2A;
--brimstone-valorant-nomad: #B8B1A6;
--brimstone-valorant-eerie-black: #1F1F1F;
--brimstone-valorant-flint: #6E6A63;
}

Brimstone CSS Gradients

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

Click to Copy CSS
Piper to Eerie Black#D35A2A → #1F1F1F
Click to Copy CSS
Nomad to Piper#B8B1A6 → #D35A2A

Brimstone Color Scheme Breakdown

Piper#D35A2A

This burnt orange dominates Brimstone’s tactical armor panels and signature beret accents, projecting heat, urgency, and military command presence while visually tying him to controlled explosions and battlefield leadership.

Woody Brown#3B2E2A

This deep brown appears across his heavy utility vest, straps, and rugged gear fabric, reinforcing a grounded, veteran-soldier feel and emphasizing durability, practicality, and field-worn reliability.

Nomad#B8B1A6

This warm khaki-beige is seen on Brimstone’s shirt and secondary cloth sections, balancing the harsher armor tones and communicating disciplined uniformity, approachability, and a classic tactical colorway.

Eerie Black#1F1F1F

This near-black sits on gloves, boots, and various hard gear components, adding strong contrast and a no-nonsense silhouette that signals authority, stealthy professionalism, and combat-ready seriousness.

Flint#6E6A63

This utilitarian grey shows up on metallic attachments and tech surfaces like buckles, plating edges, and equipment housings, suggesting engineered functionality and modern military hardware without drawing focus from the core orange.

Brimstone 60-30-10 Design Rule

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

60% Background
#B8B1A6
30% Primary
#1F1F1F
10% Accent
#D35A2A

Use Nomad (#B8B1A6) for large background spaces, Eerie Black (#1F1F1F) for primary text and structural UI elements, and vibrant Piper (#D35A2A) exclusively for call-to-action buttons and important highlights.

Brimstone UI Component Preview

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

Brimstone

Tactical Controller

“Smoke’s down!”

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

  • Main LED: 211, 90, 42
  • Accent LED: 59, 46, 42

The Design Philosophy behind Brimstone’s Palette

Brimstone’s color philosophy is functional storytelling: each hue communicates role, temperament, and equipment. The dominant Piper (#D35A2A) reads as hot, urgent, and tactical—tying to his incendiary and command abilities—while Woody Brown (#3B2E2A) grounds the silhouette with rugged, veteran utility. Nomad (#B8B1A6) softens and unifies clothing layers for disciplined uniformity, and Eerie Black (#1F1F1F) enforces high-contrast elements for readable icons, UI foregrounds, and authoritative silhouettes. Flint (#6E6A63) provides neutral metallic highlights for hardware and tech surfaces. Together these Brimstone HEX color codes enable designers to balance visual emphasis, hierarchy, and affordance in interfaces or assets while remaining faithful to narrative and gameplay cues.

Best Brimstone Color Combinations

Command Contrast

Pairing Piper orange with Eerie Black creates a high-contrast focal system ideal for call-to-action buttons and alert states in tactical UI.

Field Uniform Blend

Nomad and Woody Brown offer a muted, military fabric pairing that works well for backgrounds, panels, and subdued UI chrome.

Download Brimstone Valorant Color Palette

ASE

Brimstone .ASE Swatches

For Adobe Swatches & Procreate

SVG

Brimstone .SVG Palette

Vector Color Palette

PNG

Brimstone .PNG Image

High-Quality Palette Preview

FAQs about Brimstone Valorant Color Codes

What is the HEX color of Brimstone’s signature orange armor and beret accents?

Brimstone’s signature burnt orange is HEX #D35A2A (Piper).

Which HEX represents Brimstone’s main utility vest and rugged gear color?

The primary vest and gear color is HEX #3B2E2A (Woody Brown).

What HEX should I use for Brimstone’s metallic and tech details?

Use HEX #6E6A63 (Flint) for metallic attachments and tech surface accents.

Copied