Catppuccin Mocha — Light WCAG 2.2:AA

UUID: 18e322a0-6131-4f0c-ab8b-46adbbb08516 · Variant: light · WCP 2.2.1

Collection: Penrith Beacon® Default Collection

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

A late-night coffee shop seen through a rain-fogged window — inside, the walls are a deep warm charcoal, the ambient light softens everything to lavender and rose and pale blue-purple, and the steam rising from mugs on the counter catches the coloured light in pastel drifts, the whole interior a carefully composed palette of muted candy tones held in warm darkness, cosy and precise as a macaron box.

Palette

Token	CSS key	Value
Background	`--wcp-color-bg`	`#f6f6f9`
Surface	`--wcp-color-surface`	`#e8e8f2`
Surface raised	`--wcp-color-surface-raised`	`#d8d8ee`
Text	`--wcp-color-text`	`#10101e`
Text muted	`--wcp-color-text-muted`	`#4f4f72`
Border	`--wcp-color-border`	`#8080b7`
Primary	`--wcp-color-primary`	`#a464f0`
Primary on	`--wcp-color-primary-on`	`#000000`
Link	`--wcp-color-link`	`#0a5fe6`

WCAG 2.2 AA Contrast Pairs

Pair	Foreground	Background	Ratio	Threshold	Result
Text on background	`#10101e`	`#f6f6f9`	17.46:1	4.5:1	PASS
Text on surface	`#10101e`	`#e8e8f2`	15.48:1	4.5:1	PASS
Muted text on background	`#4f4f72`	`#f6f6f9`	7.23:1	4.5:1	PASS
Muted text on surface	`#4f4f72`	`#e8e8f2`	6.41:1	4.5:1	PASS
Border vs background	`#8080b7`	`#f6f6f9`	3.42:1	3.0:1	PASS
Border vs surface	`#8080b7`	`#e8e8f2`	3.03:1	3.0:1	PASS
Primary vs background	`#a464f0`	`#f6f6f9`	3.44:1	3.0:1	PASS
Primary-on vs primary	`#000000`	`#a464f0`	5.66:1	4.5:1	PASS
Link on background	`#0a5fe6`	`#f6f6f9`	5.13:1	4.5:1	PASS
Link on surface	`#0a5fe6`	`#e8e8f2`	4.55:1	4.5:1	PASS

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