Cyberpunk — Light WCAG 2.2:AA

UUID: f35eeb85-60d9-4675-bf71-18683552f46f · Variant: light · WCP 2.2.1

Collection: Penrith Beacon® Default Collection

Collection origin: 1a71e05b-424f-4dd2-9ba6-072fc4ada57d

A narrow street in a near-future city at 3 a.m., flooded with rain — the sky is a near-absolute violet-black so dark it has weight, and through the downpour the neon signs bleed electric magenta and hot pink downward into the puddles on the road, creating moving pools of vivid colour in absolute darkness, the world reduced to the contrast between nothing and everything, between the dark and the neon that punctures it.

Palette

Token	CSS key	Value
Background	`--wcp-color-bg`	`#f7f5fa`
Surface	`--wcp-color-surface`	`#ebe6f4`
Surface raised	`--wcp-color-surface-raised`	`#e0d6f0`
Text	`--wcp-color-text`	`#150e20`
Text muted	`--wcp-color-text-muted`	`#5d4f72`
Border	`--wcp-color-border`	`#917bb4`
Primary	`--wcp-color-primary`	`#fe2371`
Primary on	`--wcp-color-primary-on`	`#000000`
Link	`--wcp-color-link`	`#006f9e`

WCAG 2.2 AA Contrast Pairs

Pair	Foreground	Background	Ratio	Threshold	Result
Text on background	`#150e20`	`#f7f5fa`	17.39:1	4.5:1	PASS
Text on surface	`#150e20`	`#ebe6f4`	15.38:1	4.5:1	PASS
Muted text on background	`#5d4f72`	`#f7f5fa`	6.86:1	4.5:1	PASS
Muted text on surface	`#5d4f72`	`#ebe6f4`	6.07:1	4.5:1	PASS
Border vs background	`#917bb4`	`#f7f5fa`	3.41:1	3.0:1	PASS
Border vs surface	`#917bb4`	`#ebe6f4`	3.01:1	3.0:1	PASS
Primary vs background	`#fe2371`	`#f7f5fa`	3.41:1	3.0:1	PASS
Primary-on vs primary	`#000000`	`#fe2371`	5.69:1	4.5:1	PASS
Link on background	`#006f9e`	`#f7f5fa`	5.15:1	4.5:1	PASS
Link on surface	`#006f9e`	`#ebe6f4`	4.55:1	4.5:1	PASS

Source file: wcp-theme-collection-penrith-beacon-default-1a71e05b-424f-4dd2-9ba6-072fc4ada57d.wcpt