Dracula — Light WCAG 2.2:AA

UUID: d1b8afb1-0350-45b8-9319-e747854831f3 · Variant: light · WCP 2.2.1

Collection: Penrith Beacon® Default Collection

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

A gothic castle silhouetted against a deep blue-charcoal night sky — the stonework is the colour of shadowed slate and the darkness inside runs a near-absolute charcoal, while from the tall arched windows hot-pink candlelight bleeds outward, an incongruously vivid warmth against the cold purple-grey dark, as though something theatrical and glamorous has taken up residence in the ancient ruin.

Palette

Token	CSS key	Value
Background	`--wcp-color-bg`	`#f6f7f8`
Surface	`--wcp-color-surface`	`#e9eaf1`
Surface raised	`--wcp-color-surface-raised`	`#dbdeea`
Text	`--wcp-color-text`	`#12131c`
Text muted	`--wcp-color-text-muted`	`#4f5472`
Border	`--wcp-color-border`	`#7b83b4`
Primary	`--wcp-color-primary`	`#ff159b`
Primary on	`--wcp-color-primary-on`	`#000000`
Link	`--wcp-color-link`	`#03728b`

WCAG 2.2 AA Contrast Pairs

Pair	Foreground	Background	Ratio	Threshold	Result
Text on background	`#12131c`	`#f6f7f8`	17.24:1	4.5:1	PASS
Text on surface	`#12131c`	`#e9eaf1`	15.41:1	4.5:1	PASS
Muted text on background	`#4f5472`	`#f6f7f8`	6.89:1	4.5:1	PASS
Muted text on surface	`#4f5472`	`#e9eaf1`	6.16:1	4.5:1	PASS
Border vs background	`#7b83b4`	`#f6f7f8`	3.41:1	3.0:1	PASS
Border vs surface	`#7b83b4`	`#e9eaf1`	3.05:1	3.0:1	PASS
Primary vs background	`#ff159b`	`#f6f7f8`	3.36:1	3.0:1	PASS
Primary-on vs primary	`#000000`	`#ff159b`	5.83:1	4.5:1	PASS
Link on background	`#03728b`	`#f6f7f8`	5.17:1	4.5:1	PASS
Link on surface	`#03728b`	`#e9eaf1`	4.63:1	4.5:1	PASS

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