Astra is a cosmic controller whose design bridges mysticism and tech. Her dominant Royal Purple #6B3FA0 reads as astral power, while Cream Can #F2C94C provides regal highlights and Turquoise #38D6C8 adds sci‑fi clarity; together these HEX color codes form a signature look that’s ideal for UI/branding tied to her lore. For designers hunting Valorant color codes and palette references, Astra’s scheme balances deep anchors and luminous accents, making it straightforward to translate in-game presence into compelling interface visuals.
Astra Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Royal Purple | #6B3FA0 | 107, 63, 160 | 33, 61, 0, 37 | |
| Cream Can | #F2C94C | 242, 201, 76 | 0, 17, 69, 5 | |
| Mirage | #1E1B2E | 30, 27, 46 | 35, 41, 0, 82 | |
| Turquoise | #38D6C8 | 56, 214, 200 | 74, 0, 7, 16 | |
| Lavender | #B56BD6 | 181, 107, 214 | 15, 50, 0, 16 |
Astra CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Astra Valorant Palette */
--astra-valorant-royal-purple: #6B3FA0;
--astra-valorant-cream-can: #F2C94C;
--astra-valorant-mirage: #1E1B2E;
--astra-valorant-turquoise: #38D6C8;
--astra-valorant-lavender: #B56BD6;
}More Valorant Color Codes (Purple Palette)
Astra CSS Gradients
Beautiful gradient backgrounds inspired by Astra’s aesthetic. Click to copy the CSS code.
Astra Color Scheme Breakdown
Royal Purple#6B3FA0
Dominant cosmic purple seen across Astra’s suit panels and star-themed ability visuals; it signals mysticism, astral power, and her role as a controller shaping space and battlefield rhythm.
Cream Can#F2C94C
Rich gold accent used on armor trims, jewelry details, and UI-like motifs on her outfit; it conveys celestial regality, premium ornamentation, and the ‘starlight’ identity of her kit.
Mirage#1E1B2E
Deep space navy/near-black appears in the base fabric of her bodysuit and underlayers; it grounds the design, boosting contrast so her star colors read as luminous and cosmic.
Turquoise#38D6C8
Vibrant teal-cyan shows up as secondary energy on ability effects and subtle suit highlights; it communicates sci‑fi tech, astral navigation, and a cool counterpoint to the purple core.
Lavender#B56BD6
Soft magenta-lavender is present in secondary garment accents and parts of her astral visuals; it adds warmth to the palette, emphasizing elegance and the surreal, dreamlike side of her powers.
Astra 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Astra’s palette for a perfectly balanced visual hierarchy.
Astra UI Component Preview
Here is a live example of how the Astra color palette looks when applied to a modern UI component.
Astra
Astral Controller
“The stars are my allies.”
Astra 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 Astra’s aesthetic.
- Main LED: 107, 63, 160
- Accent LED: 242, 201, 76
The Design Philosophy behind Astra’s Palette
The design philosophy behind Astra’s palette uses contrast and symbolism to reflect her narrative as a space‑shaping controller. Deep base tones like Mirage #1E1B2E provide a near‑black canvas that allows astral elements (Royal Purple #6B3FA0) to read as luminous and otherworldly, while Cream Can #F2C94C functions as a premium highlight that signals celestial regality. Turquoise #38D6C8 and Lavender #B56BD6 introduce cool and warm secondary energy notes, communicating both sci‑fi navigation and surreal elegance. From a UI/UX perspective, these HEX color codes create clear visual hierarchies and affordances—high contrast for primary actions, bright accents for ability states—making the palette both thematically faithful and practical for interface systems.
Best Astra Color Combinations
Stellar Contrast
Royal Purple with Cream Can creates a high‑contrast regal pairing ideal for primary CTA and premium trims in UI designs.
Nebula Tech
Turquoise against Mirage yields a cool, readable tech contrast perfect for status indicators and HUD elements.
Explore More Valorant Character Color Codes
Download Astra Valorant Color Palette
Astra .ASE Swatches
For Adobe Swatches & Procreate
Astra .SVG Palette
Vector Color Palette
Astra .PNG Image
High-Quality Palette Preview
FAQs about Astra Valorant Color Codes
What is the primary color of Astra’s suit panels and astral visuals?
The primary color is Royal Purple — HEX #6B3FA0.
What base or grounding color is used for Astra’s bodysuit?
The base grounding color is Mirage — HEX #1E1B2E.
Which HEX is used for Astra’s gold accents and jewelry details?
The gold accent is Cream Can — HEX #F2C94C.