Raze, Valorant’s hyperactive demolitionist, explodes onto the UI/UX color stage with a palette built for impact and instant recognition. Her signature Flamingo #F36A2D orange drives explosive focal points, Bright Sun #FFD23F supplies hazard-style highlights for visibility, and Caribbean Green #22C3A6 injects playful tech contrast across gadgets and straps. Designers searching for Valorant color codes or HEX palettes will find Raze’s scheme ideal for bold CTAs, readable in-motion elements, and gamer-centric interfaces that need energy, hierarchy, and unmistakable visual voice.
Raze Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Flamingo | #F36A2D | 243, 106, 45 | 0, 56, 81, 5 | |
| Bright Sun | #FFD23F | 255, 210, 63 | 0, 18, 75, 0 | |
| Caribbean Green | #22C3A6 | 34, 195, 166 | 83, 0, 15, 24 | |
| Royal Blue | #2F6FDE | 47, 111, 222 | 79, 50, 0, 13 | |
| Bistre | #3A2B1F | 58, 43, 31 | 0, 26, 47, 77 |
Raze CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Raze Valorant Palette */
--raze-valorant-flamingo: #F36A2D;
--raze-valorant-bright-sun: #FFD23F;
--raze-valorant-caribbean-green: #22C3A6;
--raze-valorant-royal-blue: #2F6FDE;
--raze-valorant-bistre: #3A2B1F;
}More Valorant Color Codes (Orange Palette)
Raze CSS Gradients
Beautiful gradient backgrounds inspired by Raze’s aesthetic. Click to copy the CSS code.
Raze Color Scheme Breakdown
Flamingo#F36A2D
A bold orange seen across Raze’s jacket panels and explosive VFX accents, signaling her loud, high-energy demolition style and tying her visual identity to fire, impact, and motion.
Bright Sun#FFD23F
A saturated yellow used on hazard-style details and gear markings, echoing warning signage and emphasizing her reckless confidence, readability in action, and the ‘blast radius’ attitude of her kit.
Caribbean Green#22C3A6
A bright teal appearing on tech components, straps, and gadget highlights, representing her playful DIY engineering vibe and providing a cool, modern contrast to the warm explosives theme.
Royal Blue#2F6FDE
A vivid blue showing up in clothing accents and small equipment surfaces, adding sporty streetwear flavor while balancing the warm palette, and subtly framing her as a fast, bold entry-fragger.
Bistre#3A2B1F
A deep brown present in gloves, belts, and utility leather elements, grounding the design with practical durability and reinforcing that her chaotic blasts still come from hands-on craftsmanship.
Raze 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Raze’s palette for a perfectly balanced visual hierarchy.
Raze UI Component Preview
Here is a live example of how the Raze color palette looks when applied to a modern UI component.
Raze
Explosive Duelist
“Boom! Roasted!”
Raze 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 Raze’s aesthetic.
- Main LED: 243, 106, 45
- Accent LED: 255, 210, 63
The Design Philosophy behind Raze’s Palette
Riot leverages color as narrative shorthand for Raze: saturated warm tones like Flamingo #F36A2D and Bright Sun #FFD23F signal danger, blast radius, and her reckless, attention-grabbing personality, while Caribbean Green #22C3A6 and Royal Blue #2F6FDE provide modern tech contrast and sporty accents. Bistre #3A2B1F grounds the set with utility and tactile realism. This deliberate mix of warm focal colors and cool utility hues creates clear visual hierarchy, motion cues, and accessible contrast—key considerations when applying color codes (HEX values) across UI components, HUD elements, and marketing art to maintain consistency and role recognition.
Best Raze Color Combinations
High Contrast Blast
Flamingo #F36A2D paired with Bright Sun #FFD23F creates energetic, high-visibility accents ideal for alerts and CTA states.
Tech & Motion Duo
Caribbean Green #22C3A6 with Royal Blue #2F6FDE offers cool, modern contrast for gadget UI, straps, and secondary controls.
Explore More Valorant Character Color Codes
Download Raze Valorant Color Palette
Raze .ASE Swatches
For Adobe Swatches & Procreate
Raze .SVG Palette
Vector Color Palette
Raze .PNG Image
High-Quality Palette Preview
FAQs about Raze Valorant Color Codes
What is the primary explosive/fire color on Raze?
Raze’s primary explosive accent color is Flamingo #F36A2D.
Which color defines Raze’s clothing accents and sporty details?
Royal Blue #2F6FDE appears in clothing accents and small equipment surfaces, balancing the warm palette.
What are the secondary tech and hazard highlight colors?
Secondary highlights include Caribbean Green #22C3A6 for tech elements and Bright Sun #FFD23F for hazard-style markings.