Skip to content
OpenEuropa Colour System

OpenEuropa Colour System

by Teodora Costin

Scan, audit & generate WCAG AAA colour tokens, palettes, and contrast scores in OKLCH.

FreeFigma

Installs

0

Likes

1

Users

2

Views

16

Preview

OpenEuropa Colour System preview

About this plugin

OpenEuropa Colour System is a colour management plugin for designers who care about accessibility.SCANNER — Scan your entire file or current page to discover every colour in use. Sort by frequency, hue, lightness, or saturation. Detect near-duplicate colours automatically.TOKENS — Generate perceptually uniform colour scales in OKLCH colour space from any base colour. Each step includes real-time WCAG 2.1 contrast ratios and APCA Lc scores so you can see at a glance which shades meet AAA, AA, or large-text thresholds. Create Figma styles or variables directly from the generated scale.CONTRAST CHECKER — Pick any foreground/background pair and instantly see the WCAG 2.1 contrast ratio (AA, AAA, large-text) plus the APCA Lc score.PALETTE — Build full WCAG-compliant palette suites with 10 to 14 steps. Filter by compliance level (AAA, AA, A, APCA). Place the palette on canvas as a visual reference, or create Figma styles and variables in one click.EXPORT — Export your tokens or palette as CSS custom properties, SCSS variables, or JSON — ready to paste into your codebase.

Features:- OKLCH perceptual colour space for uniform lightness steps- WCAG 2.1 contrast ratios (AAA 7:1, AA 4.5:1, A 3:1)- APCA/Lc contrast scoring with readability ratings- Dark theme UI, fully WCAG AAA compliant- Keyboard accessible with visible focus indicators- One-click Figma styles and variables creation- Export to CSS, SCSS, or JSON

More accessibility tools plugins

View all