Soukaku ZZZ Color Codes: Official Palette & Design Guide

Soukaku, the energetic and loyal member of Section 6 in Zenless Zone Zero, features a visually striking design that masterfully blends urban tech with oni-inspired aesthetics. Her primary visual identity is anchored by the authoritative Congress Blue (#004E89), which defines her heavy coat and primary armor panels. This deep navy is brilliantly electrified by Dodger Blue (#00B6FF), a neon cyan used for her glowing eyes and hair streaks to signal her high-energy combat style. To ground these vibrant cool tones, designers utilized Cod Gray (#111111) for her under-suit, creating a sleek, combat-ready silhouette that resonates with modern UI/UX principles of high contrast and readability.

Congress Blue

#004E89

Dodger Blue

#00B6FF

Koromiko

#FFB86B

Cod Gray

#111111

Catskill White

#F5F7FA

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

Color Name	HEX	RGB	CMYK
Congress Blue	#004E89	0, 78, 137	100, 43, 0, 46
Dodger Blue	#00B6FF	0, 182, 255	100, 29, 0, 0
Koromiko	#FFB86B	255, 184, 107	0, 28, 58, 0
Cod Gray	#111111	17, 17, 17	0, 0, 0, 93
Catskill White	#F5F7FA	245, 247, 250	2, 1, 0, 2

Soukaku CSS & Tailwind Color Variables

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

:root {
/* Soukaku Zenless Zone Zero Palette */
--soukaku-zenless-zone-zero-congress-blue: #004E89;
--soukaku-zenless-zone-zero-dodger-blue: #00B6FF;
--soukaku-zenless-zone-zero-koromiko: #FFB86B;
--soukaku-zenless-zone-zero-cod-gray: #111111;
--soukaku-zenless-zone-zero-catskill-white: #F5F7FA;
}

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

Qingyi Zenless Zone Zero Color Palette: Official HEX, RGB & CMYK Codes

Seth Lowell Zenless Zone Zero Color Palette: HEX, RGB, and Design Guide

Hugo Vlad Color Palette: HEX, RGB & Design Codes for Zenless Zone Zero

Yixuan Zenless Zone Zero Color Palette: HEX, RGB, and Design Guide

Soukaku CSS Gradients

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

Click to Copy CSS

Congress Blue to Cod Gray#004E89 → #111111

Click to Copy CSS

Koromiko to Congress Blue#FFB86B → #004E89

Soukaku Color Scheme Breakdown

Congress Blue#004E89

A deep navy-blue (#004E89) covers Soukaku’s long coat and primary armor panels, anchoring the character with a cool, composed presence that contrasts brighter accents while conveying authority and urban, tech-infused aesthetics.

Dodger Blue#00B6FF

A vibrant cyan (#00B6FF) is used for Soukaku’s eye glow, hair streaks, and energy effects, signaling kinetic power and a high-tech, neon-lit vibe that enhances motion and highlights interactive abilities during combat.

Koromiko#FFB86B

A warm gold-orange (#FFB86B) trims weapon edges, buckles, and decorative piping, offering visual warmth and contrast against the cooler blues, while suggesting agility, craftsmanship, and subtle charisma in the character’s silhouette.

Cod Gray#111111

Deep black (#111111) forms Soukaku’s under-suit, boots, and inner armor, grounding the overall palette with stark contrast that emphasizes silhouettes, technological plating, and a sleek, urban, combat-ready visual identity overall.

Catskill White#F5F7FA

A cool off-white (#F5F7FA) appears on hair tips, insignia, and small armor trims, providing crisp highlights that lift the darker tones and communicate precision, cleanliness, and futuristic, almost clinical detailing.

Soukaku 60-30-10 Design Rule

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

60% Background
#F5F7FA

30% Primary
#111111

10% Accent
#004E89

Use Catskill White (#F5F7FA) for large background spaces, Cod Gray (#111111) for primary text and structural UI elements, and vibrant Congress Blue (#004E89) exclusively for call-to-action buttons and important highlights.

Soukaku UI Component Preview

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

Soukaku

Section 6 Combatant

“One bowl, two bowls… Section 6’s Soukaku, reporting for duty!”

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

Main LED: 0, 78, 137
Accent LED: 0, 182, 255

The Design Philosophy behind Soukaku’s Palette

The design philosophy behind Soukaku reflects a masterful execution of ‘Cyber-Oni’ aesthetics, balancing functional urban gear with supernatural flair. By pairing the deep, professional Congress Blue (#004E89) with the warmth of Koromiko (#FFB86B) gold-orange on her weapon edges and buckles, the developers establish a clear hierarchy of visual interest. This complementary scheme mirrors Soukaku’s duality—a disciplined operative who possesses a warm, quirky personality. The strategic use of Catskill White (#F5F7FA) for hair tips and insignia provides a clinical precision that offsets the darker base tones, ensuring her silhouette remains distinct during fast-paced combat. This palette succeeds by utilizing saturation shifts and high-value contrast, making Soukaku’s design an excellent reference for digital artists and UI designers seeking a balance between high-tech coldness and character-driven warmth.

Best Soukaku Color Combinations

Neon Kinetic Contrast

This pairing mimics a high-tech HUD or neon-lit environment, where the vibrant cyan provides maximum legibility and ‘glow’ against a deep, neutral black background.

Authoritative Gold Accents

A classic professional pairing where the warm gold-orange breaks the coolness of the navy blue, ideal for highlighting interactive elements like buttons or call-to-actions.