Open Color Variable Importer
Import the Open Color palette as Figma Variables in one click.
Plugin Preview
About this plugin
A timeless palette, now in your Variables panel.
Open Color is one of the most beloved open-source color schemes in the web community. Designed with care and consistency by Heeyeun Yeun, it has stood the test of time — still as beautiful and reliable as the day it was created. ✨
This plugin brings the full Open Color v1.9.1 palette into Figma as Variables, so you can use them directly in your designs without manual entry.
What's included
- 13 color scales: Gray, Red, Pink, Grape, Violet, Indigo, Blue, Cyan, Teal, Green, Lime, Yellow, Orange
- 10 shades per scale (0–9), plus Black and White
- 132 variables total, organized in a single "Open Color" collection
How to use
1. Run the plugin
2. Pick the colors you need (or Select All)
3. Click "Import to Variables"
4. Open the Variables panel — done!
Built with respect for a classic. 🎨
Plugin Details
| Version | 1 |
|---|---|
| Created | February 3, 2026 |
| Last Updated | February 3, 2026 |
| Category | Import & export plugins |
| Creator | Sei |
| Stats | 1 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML