Figma plugin for UI designers
You picked one color.
Now what?
Accentpal turns your accent into the whole system: neutrals, text, surfaces, states, light and dark. Every pairing passes WCAG AA. Your accent is never changed. This page is running on it right now.
What you get
Twelve roles, both modes, with the contrast ratio next to every text color. Values below are live.
How it works
-
Paste your accent
Any hex. Brand color, client's logo color, the one you fell for in a mood board.
-
Compare four pairings on a real layout
Complementary, analogous, split, triadic. Side by side on a dashboard, not on swatches, so you can judge the pairing instead of guessing.
-
Write it to Figma variables
One collection, Light and Dark modes, one variable per role. Run it again after a tweak and it updates in place.
Your accent is never touched
Other tools nudge your brand color to make the numbers work. Accentpal treats it as fixed and builds the rest around it, including a text color that reads on top of it. If a color has to move for contrast, it is never the one you brought.
Pricing
Previewing is the product. Paying is for putting it in your file.
Free
$0
- Unlimited accents and pairings
- Live preview, light and dark
- Contrast ratios for every role
- Copy as CSS variables
- One write to Figma variables
Pro
$5/month
or $39 once, yours forever
- Everything in Free
- Unlimited writes to Figma variables
- Works in every file and team
- Lifetime option: pay once, no subscription
- Supports a one-person tool
Install
Accentpal is in review for the Figma Community. Leave an email and you'll hear when it's live, nothing else.
Email me when it's live