Echoes of the Khala — Theme Atlas

PLATE · Echoes of the Khala

01The story

The Protoss direction draws on precise structure, ceremonial symmetry and the restrained use of light by an ancient technological culture. It copies no faction insignia, character or architecture. Instead, that sense of order becomes geometry: the centre remains symmetrical, gold describes the structural skeleton, ivory carries reading, and psionic blue appears only at unstable energy nodes. StarCraft identifies the source subject; all values are original Theme Atlas interpretations.

02Where the colours come from

The violet-black ground lets gold read as structure rather than decoration. Panels stay in a low-lightness violet to preserve spatial continuity. Ivory keeps long text away from the ordinary cool-white science-fiction interface, while gold handles actions and focus and psionic blue becomes the secondary accent for energy and communication.

03How the palette was built

Gold has enormous presence on violet-black, so its area is controlled: it carries outlines, axes and primary actions but not large fields. Ivory and violet support long reading, and blue appears only at energy nodes and interaction feedback so the three strong colours do not compete.

04Sources and references

LinkBlizzard Entertainment · StarCraft official siteOfficial public page, used only to identify the work and subjectThe official page only identifies the work. No screenshot, logo, unit portrait or interface asset is reused.
PendingProtoss geometry and psionic visual analysis (to be added)Pending: a verifiable art reference with page numbers will replace this entry. The current palette is not presented as official canon.

05Credits and licence

Palette: Theme Atlas editorial team (original derivation)
Text: Theme Atlas editorial team (unofficial fan interpretation)
Graphics: Theme Atlas (original SVG)
Data licence: Palette data released under CC BY 4.0
Illustration licence: All illustrations are original SVGs; no official artwork is used.
Fan-work statement: This is an unofficial Theme Atlas interpretation for colour research and interface demonstration only. It is not affiliated with, licensed by or endorsed by Blizzard Entertainment.

This statement applies to every theme in the collection; see the fan-work statement on the about page.

Palette

HEX DATA · 07 COLORS · 7 BASE ROLES · +1 AUX COLOUR

Key colourSacred Gold#D9B65F

Relative luminance

Click a bar to copy its hex value

Background
The violet-black space around an ancient structure
Panel
Low-lightness violet panels
Body text
Warm-white body text like a ceremonial object
Secondary text
Notes and secondary information
Border
Structural and symmetrical boundaries
Accent
Axes, actions, focus and structural skeleton
Secondary accent
Energy nodes and communication feedback

Application preview

Visual preview

PreviewSignal

Report

Echoes of the Khala

Body text uses Ivory Light on the Void Violet-Black background; secondary notes use Psionic Grey-Violet.

Primary actionSecondary action

Input field · placeholder

Dividers use Geometry Rule; accent elements use Sacred Gold.

BackgroundPage background
PanelCards and sections
Body textHeadings and body
Secondary textCaptions and notes
BorderOutlines and dividers
AccentButtons and focus
On accentLabels on buttons
Secondary accentFlames and alerts

codex - ~/theme-atlasstatic preview

Codex~/theme-atlasworkspace: theme-atlas

You

Refactor the theme resolver to use semantic roles.

Codex

I will update the resolver and preserve the existing palette schema.

Inspecting src/theme.ts · 42ms

src/theme.tstypescript

export function resolveTheme(theme: Theme): PaletteRole {  const roles = theme.palette;  // Preserve semantic roles across formats.  const ready = true;  const hue = 0.84;  return ready ? roles["accent"] ?? theme.fallback;}

src/theme.ts+1-1

@@ resolveTheme semantic mapping

-return theme.palette[0];

+return roles.get("accent") ?? theme.palette[0];

›Ask Codex to continue...Enter to send · Shift+Enter for newline

A static Codex CLI visual illustration; no command or live session is run.

How the colours enter the preview

Hover or focus a swatch to locate its role; click to pin the highlight.

Contrast audit

PASS · WCAG AA

Contrast results for Echoes of the Khala
Pair	Ratio	Target	Result
Body text / background	16.64:1	4.5:1	Pass
Secondary text / background	8.72:1	4.5:1	Pass
Body text / panel	14.67:1	4.5:1	Pass
Text on accent / accent	9.98:1	4.5:1	Pass
Accent / background	9.98:1	3:1	Pass
Border / background	1.98:1	1.2:1	Pass

Dividers use a threshold of only 1.2:1 — they are decorative and carry no text. Every other pair is checked against the WCAG AA body-text standard of 4.5:1.