Ramp
Generate smooth, accessible color ramps in seconds
Plugin Preview
About this plugin
Color Ramp Generator helps designers quickly create beautiful, consistent color scales right inside Figma. Enter one or more hex codes and choose the number of steps. The plugin generates a balanced ramp starting near black and white, keeping saturation as high as possible.
Features
- 🎨 Supports single or multiple anchor colors
- 🔄 Adjustable number of steps for flexible ramp lengths
- ✅ Accessibility preview with AA small/large text indicators
- 🖼️ Preview swatches in the plugin UI and place them directly on the canvas
- 🔑 Automatically create Figma variables for easy design system integration
- 🌗 Light and dark mode UI
Perfect for building design tokens, illustration work, and accessible palettes without leaving your file.
Plugin Details
| Version | 3 |
|---|---|
| Created | October 1, 2025 |
| Last Updated | October 2, 2025 |
| Category | Accessibility tools |
| Creator | TheGreenMan |
| Stats | 2 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥