Back to Plugins
Chroma UI

Chroma UI

Craft balanced, harmonious, and accessible color palettes for UI, gradients, and design systems.

accessibilitydesignoklchuicolor

Plugin Preview

Chroma UI preview

About this plugin

Chroma UI revolutionizes color selection by combining the power of perceptually uniform OKLCH color space with an intuitive interface. Create stunning, accessible palettes that elevate your designs and streamline your workflow.


Create with Confidence

Make color decisions faster with intelligent tools that understand both aesthetics and accessibility. Every palette you generate comes with semantic color naming and WCAG-compliant text color recommendations, helping you build cohesive design systems that scale beautifully.


Professional-Grade Control

  1. Precisely adjust colors using the perceptually uniform OKLCH space, with familiar HEX, RGB, and HSL options
  2. Create smooth, mathematically accurate gradients that maintain consistent luminance
  3. Generate context-aware color names that adapt to your design system
  4. Ensure accessibility with automatic contrast checking and text color suggestions
  5. Export palettes directly to your design tools and documentation
  6. Spark inspiration with curated random palettes based on color theory principles


Essential For

🎨 Design Systems – Build scalable, consistent color foundations

🎯 Brand Identity – Craft memorable, on-brand color palettes

πŸ“¦ UI Components – Ensure color harmony across your interfaces

πŸ“± Digital Products – Create accessible, high-impact user experiences

πŸ’‘ Creative Exploration – Experiment with unique, dynamic color schemes


Experience the next evolution in color tools. Chroma UI combines mathematical precision with designer-friendly workflows to help you create better color systems in less time.


Crafted for professional designers and teams who need scientific accuracy without sacrificing creative flexibility. Upgrade your color workflow today with Chroma UI.

Plugin Details

Version1
CreatedFebruary 24, 2025
Last UpdatedFebruary 24, 2025
CategorySoftware development
CreatorDeΜ„signa
Stats9 installs, 7 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://chir.ag
    • https://fonts.googleapis.com