Back to Plugins
OKLCH Palette Generator

OKLCH Palette Generator

Generate accessible color palettes in OKLCH with WCAG & APCA contrast checks

Plugin Preview

OKLCH Palette Generator preview

About this plugin

Create beautiful, accessible color palettes using the OKLCH color space.


Features:

- Auto-generate color ramps from a base color

- Manual mode with JSON import

- WCAG 2.x contrast checker (Text & Large text levels)

- APCA contrast checker for modern accessibility

- Visual pass/fail indicators (✓ green / ✗ red)

- Complete color values: HEX, RGB, and OKLCH

- Light & Dark theme support

- Customizable lightness range (no pure white/black)

- Auto-generate Figma variables with descriptions and scopes

- Flexible token naming: camelCase, kebab-case, PascalCase, etc.

- Component properties to show/hide elements


Perfect for designers who care about accessibility and want precise control over their color systems.

Plugin Details

Version2
CreatedDecember 17, 2025
Last UpdatedDecember 18, 2025
CategoryAccessibility tools
CreatorCris Sánchez
Stats22 installs, 13 likes
PricingFree

Technical Details

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