Back to Plugins
OpenEuropa Colour System

OpenEuropa Colour System

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

Plugin 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

Plugin Details

Version5
CreatedSeptember 2, 2026
Last UpdatedSeptember 4, 2026
CategoryAccessibility tools
CreatorTeodora Costin
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none