OpenEuropa Colour System
Scan, audit & generate WCAG AAA colour tokens, palettes, and contrast scores in OKLCH.
Plugin 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
Plugin Details
| Version | 5 |
|---|---|
| Created | September 2, 2026 |
| Last Updated | September 4, 2026 |
| Category | Accessibility tools |
| Creator | Teodora Costin |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.