Alice Thymefield — Zenless Zone Zero Color Codes Palette HEX Guide

Alice Thymefield — Zenless Zone Zero Color Codes Palette HEX Guide

Alice Thymefield, a refined enigma from Zenless Zone Zero, blends whimsical charm with tactical poise in both narrative and visual design. Her signature palette—anchored by #6B33B3 (Grape), softened by #CBB0E8 (Soap), and punctuated with the warm accent #F3C24B (Cream Can)—creates an instantly recognizable silhouette for skins and promotional art. White (#FFFFFF) and Cod Gray (#0A0A0A) provide crucial contrast and legibility, making this HEX palette ideal for UI/UX designers searching for character color codes, asset palettes, or skin-ready HEX values that preserve Alice’s feminine yet formidable identity.

Grape
#6B33B3
Soap
#CBB0E8
White
#FFFFFF
Cod Gray
#0A0A0A
Cream Can
#F3C24B

Alice Thymefield Zenless Zone Zero Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Grape #6B33B3 107, 51, 179 40, 72, 0, 30
Soap #CBB0E8 203, 176, 232 13, 24, 0, 9
White #FFFFFF 255, 255, 255 0, 0, 0, 0
Cod Gray #0A0A0A 10, 10, 10 0, 0, 0, 96
Cream Can #F3C24B 243, 194, 75 0, 20, 69, 5

Alice Thymefield CSS & Tailwind Color Variables

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

:root {
/* Alice Thymefield Zenless Zone Zero Palette */
--alice-thymefield-zenless-zone-zero-grape: #6B33B3;
--alice-thymefield-zenless-zone-zero-soap: #CBB0E8;
--alice-thymefield-zenless-zone-zero-white: #FFFFFF;
--alice-thymefield-zenless-zone-zero-cod-gray: #0A0A0A;
--alice-thymefield-zenless-zone-zero-cream-can: #F3C24B;
}

Alice Thymefield CSS Gradients

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

Click to Copy CSS
Grape to Cod Gray#6B33B3 → #0A0A0A
Click to Copy CSS
White to Grape#FFFFFF → #6B33B3

Alice Thymefield Color Scheme Breakdown

Grape#6B33B3

Primary deep purple used on Alice’s coat and skirt panels, signaling her enigmatic, elegant persona and serving as the visual anchor for her silhouette across promotional art and in-game skins.

Soap#CBB0E8

Soft lavender trim and bow accents appear on cuffs, collar, and hair accessories, providing a delicate contrast that reinforces Alice’s feminine, whimsical aesthetic while maintaining cohesion with the dominant purple tones.

White#FFFFFF

Crisp white is used for inner blouse panels, gloves, and small motif details, conveying purity and clarity that highlights facial features and balances the darker costume elements for readability in snapshots.

Cod Gray#0A0A0A

Deep black appears on boot exteriors, trim lines, and belt hardware, grounding Alice’s palette with contrast, emphasizing form and movement while suggesting a practical, slightly noir edge to her overall design.

Cream Can#F3C24B

Warm gold accenting is applied to buttons, buckles, and emblem details, implying prestige and refinement, drawing the eye to focal points and breaking the purple-white dichotomy with a subtle metallic warmth.

Alice Thymefield 60-30-10 Design Rule

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

60% Background
#FFFFFF
30% Primary
#0A0A0A
10% Accent
#6B33B3

Use White (#FFFFFF) for large background spaces, Cod Gray (#0A0A0A) for primary text and structural UI elements, and vibrant Grape (#6B33B3) exclusively for call-to-action buttons and important highlights.

Alice Thymefield UI Component Preview

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

Alice Thymefield

Enigmatic Duelist

“Shadows bloom into elegance.”

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

  • Main LED: 107, 51, 179
  • Accent LED: 203, 176, 232

The Design Philosophy behind Alice Thymefield’s Palette

The design philosophy behind Alice’s palette uses contrast and narrative cues to communicate character at a glance. The dominant #6B33B3 (Grape) serves as a visual anchor implying mystery and elegance, while #CBB0E8 (Soap) softens edges to emphasize whimsy and femininity. Neutral anchors—#FFFFFF (White) for clarity and #0A0A0A (Cod Gray) for grounding—ensure facial features and silhouette remain readable across thumbnails and UI tiles. Strategic touches of #F3C24B (Cream Can) highlight emblems and interaction points, functioning as natural CTAs. For designers searching for reliable color codes and HEX palettes, this combination balances aesthetic voice with accessibility and hierarchical clarity for digital interfaces.

Best Alice Thymefield Color Combinations

Regal Counterpoint

Deep Grape paired with Soap creates elegant contrast—perfect for main UI backgrounds with soft trims that retain character warmth.

Accent Spotlight

Grape and Cream Can deliver high-impact focal points, ideal for buttons, badges, or emblem highlights that need visual emphasis.

Download Alice Thymefield Zenless Zone Zero Color Palette

ASE

Alice Thymefield .ASE Swatches

For Adobe Swatches & Procreate

SVG

Alice Thymefield .SVG Palette

Vector Color Palette

PNG

Alice Thymefield .PNG Image

High-Quality Palette Preview

FAQs about Alice Thymefield Zenless Zone Zero Color Codes

What is the main coat/skirt color of Alice Thymefield?

Alice’s primary coat and skirt panels use the deep purple #6B33B3.

What is the overall palette style or main outfit aesthetic?

The outfit balances a regal purple anchor #6B33B3 with soft trims #CBB0E8 and neutral anchors #FFFFFF and #0A0A0A for clarity and contrast.

Which color is used for accents like buttons and emblems?

Warm gold accents and focal details use #F3C24B to draw the eye without overpowering the palette.

Copied