Back to Plugins
Bezier Palette Studio

Bezier Palette Studio

Shape Your Palette with Bézier Curves

contraststyle guidebezierpaletteaccessibilityshadespalette generatorcolor palettedesign systemcolorswatchcolor styles

Plugin Preview

Bezier Palette Studio preview

About this plugin

Transform your design workflow with this intuitive color palette generator that creates harmonious and accessible color scales. Using advanced HSV color mapping and Bézier curves, this plugin helps you generate professional color palettes.


Key Features:

  1. Effortless Palette Generation
  2. Auto Naming: Generate intuitive color names automatically based on hue values, ensuring consistency and saving time.
  3. Customizable Steps: Choose the exact number of shades per swatch to suit your project needs.
  4. Powerful Bézier Curve Control
  5. Interactive Curve Editor: Adjust color transitions using an intuitive Bézier curve interface integrated with an HSV color picker for unprecedented accuracy. Comes with two options: Cubic Bezier (you can select start and end point) and Poly Bezier (you can select start point and end point along with the midpoint 🎉)
  6. Predefined and Customizable Curves: Pick from pre-made curves or switch to free-hand mode for full creative freedom.
  7. Accessibility
  8. Contrast Ratio Analysis: Automatically assess each color's contrast ratio against black and white backgrounds to ensure accessibility compliance.
  9. Color Tokens: Assign unique identifiers to every shade for hassle-free referencing across your designs.
  10. Seamless Integration and Export
  11. Export Color Tokens: Export your palette as JSON tokens for integration into your design systems or development workflows.
  12. Figma Frame Export: Instantly export palettes as organized frames within the current page of your Figma file for easy sharing and collaboration.
  13. Style Creation: Create reusable styles directly in your Figma file with one click, streamlining your workflow.
  14. Variables Creation: Create reusable variables with single button click.


This plugin is perfect for design systems, brand guidelines, or any project requiring consistent color scales. It streamlines the color creation process while ensuring your palettes meet professional quality standards.

Elevate your design process with an intelligent color generation that combines creative freedom with technical precision.

Plugin Details

Version7
CreatedJuly 12, 2024
Last UpdatedJuly 3, 2025
Categoryediting & effects plugins
CreatorPrathamesh Koshti
Stats65 installs, 17 likes
PricingFree

Technical Details

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