Skip to content
OKLCH Palette Generator

OKLCH Palette Generator

by Cris Sánchez

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

FreeFigma

Installs

127

Likes

42

Users

806

Views

1,421

Preview

OKLCH Palette Generator preview

About this plugin

Create beautiful, accessible color ramps 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- Lightness range (no pure white/black)- Auto-generate Figma variables with descriptions and code syntax- Flexible token naming: camelCase, kebab-case, PascalCase, etc.- Component properties to show/hide elementsPerfect for designers who care about accessibility and want precise control over their color systems.

More accessibility tools plugins

View all