Lighter ZZZ Color Codes: HEX, RGB & Palette Guide

Lighter, the high-octane powerhouse from Zenless Zone Zero, embodies an explosive urban aesthetic that commands attention. His design is a masterclass in visual storytelling, utilizing a high-contrast palette to signal both danger and discipline. The primary Blaze Orange (#FF6A00) defines his incendiary power and signature flame motif, while the deep Cod Gray (#0B0B0B) provides a tactical, grounded foundation for his urban survival gear. To provide visual breathing room, Albescent White (#F6E6D6) is integrated into his inner garments and bandages. This strategic use of color codes ensures Lighter remains a focal point in the fast-paced, neon-drenched environments of New Eridu.

Blaze Orange

#FF6A00

Sunglow

#FFD24A

Cod Gray

#0B0B0B

Nevada

#6B6F73

Albescent White

#F6E6D6

Lighter Zenless Zone Zero Color Codes: HEX, RGB, CMYK

Color Name	HEX	RGB	CMYK
Blaze Orange	#FF6A00	255, 106, 0	0, 58, 100, 0
Sunglow	#FFD24A	255, 210, 74	0, 18, 71, 0
Cod Gray	#0B0B0B	11, 11, 11	0, 0, 0, 96
Nevada	#6B6F73	107, 111, 115	7, 3, 0, 55
Albescent White	#F6E6D6	246, 230, 214	0, 7, 13, 4

Lighter CSS & Tailwind Color Variables

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

:root {
/* Lighter Zenless Zone Zero Palette */
--lighter-zenless-zone-zero-blaze-orange: #FF6A00;
--lighter-zenless-zone-zero-sunglow: #FFD24A;
--lighter-zenless-zone-zero-cod-gray: #0B0B0B;
--lighter-zenless-zone-zero-nevada: #6B6F73;
--lighter-zenless-zone-zero-albescent-white: #F6E6D6;
}

More Zenless Zone Zero Character Color Palettes Color Codes (Orange Palette)

Ben Bigger — Zenless Zone Zero Color Codes, Palette & HEX Guide

Lighter CSS Gradients

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

Click to Copy CSS

Blaze Orange to Nevada#FF6A00 → #6B6F73

Click to Copy CSS

Cod Gray to Blaze Orange#0B0B0B → #FF6A00

Lighter Color Scheme Breakdown

Blaze Orange#FF6A00

Used for the primary flame motif on Lighter’s outfit and lighter device, this vivid orange defines the character’s incendiary aesthetic, signaling warmth, energy and the central pyrotechnic power signature throughout silhouette and accessories.

Sunglow#FFD24A

A warm golden yellow that appears on trim, flame highlights and badge details; it contrasts the deeper orange to suggest glowing embers, hazard signage and quick-reactive tech readouts on Lighter’s gear and weaponry.

Cod Gray#0B0B0B

Deep near-black used for coat, boots, straps and inner lining; this grounding color provides stark contrast to fiery accents, conveying practical urban survival gear and emphasizing silhouette and functional design elements.

Nevada#6B6F73

Cool neutral gray found on metal hardware, lighter casing, buckles and tech panels; it reads as industrial, balancing the warm palette and suggesting worn machinery, utilitarian detail, and tactile surfaces on Lighter’s equipment.

Albescent White#F6E6D6

Pale skin/cloth beige used for inner shirt, bandages and face highlights; it softens the composition, offering human warmth, visual breathing room and contrast against darker garments and intense flame hues.

Lighter 60-30-10 Design Rule

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

60% Background
#F6E6D6

30% Primary
#0B0B0B

10% Accent
#FF6A00

Use Albescent White (#F6E6D6) for large background spaces, Cod Gray (#0B0B0B) for primary text and structural UI elements, and vibrant Blaze Orange (#FF6A00) exclusively for call-to-action buttons and important highlights.

Lighter UI Component Preview

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

Lighter

Indomitable Champion Brawler

“Step back, things are about to get heated.”

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

Main LED: 255, 106, 0
Accent LED: 255, 210, 74

The Design Philosophy behind Lighter’s Palette

The design philosophy behind Lighter’s palette is a sophisticated blend of industrial utility and pyrotechnic energy. By pairing the vivid, high-reactive Sunglow (#FFD24A) highlights with the muted, metallic Nevada (#6B6F73), the developers create a visual hierarchy that mirrors his role as a frontline combatant. The contrast between the near-black Cod Gray and the vibrant oranges reflects his dual nature: a disciplined fighter with an explosive, uncontrollable power. This combination is successful because it utilizes classic hazard-signage color theory—orange and black—to instinctively alert players to his high-threat capabilities. For UI/UX designers, these HEX codes offer a blueprint for creating high-energy, tactical interfaces that demand attention while maintaining a professional, worn-industrial aesthetic that feels both futuristic and functional.