Powered by Modern Color Science
Say goodbye to unpredictable RGB and flat HSL. Use OKLCH for palettes that are accessible, visually consistent, and always on-brand.
Perceptually uniform & in Your Control
Sculpt ramps that look beautiful and pass compliance — brand-perfect, every time.
Amazing Palettes
in Seconds
Beautiful by default 😍
- Build accessible color ramps instantly: Drop in a color, get a balanced, perceptually-uniform palette by default.
- Stay in control: Set global steps or customize each ramp, tweak endpoints with direct drag or click.
- Paste any color: HEX, RGB, HSL… it just works.
- Visual A/B checks: Toggle between ramp endpoints and preview results live.
Precision Made Simple
Get advanced easily 💪
- Craft brand-perfect ramps: Shape every shade with Bézier curves for brightness, saturation, and hue-shift.
- Blend or break: Enable smooth transitions, or toggle blending off for full manual control.
- Stay consistent: Align base color positions across all your palettes for predictable, on-brand color everywhere.
- Pro tools, intuitive UI: Designed for power, built for ease.
Full Light & Dark
Theme Support
Made for all contexts 🤓
- Preview light & dark: Switch themes in one click and perfect your ramps for any background.
- Context-aware design: See every palette in its real environment, so what you deliver always matches user experience.
- Smart shade controls: Flip display to focus on backgrounds or foregrounds, reverse numbering for dev handoff—no manual tweaks needed.
One Click Dev Handoff
Do you like tokens? ❤️ We do.
- Export to Figma Variables or Tokens instantly: No mapping, no renaming, just click and your color system is ready to go.
- Fits your pipeline: Send variables to any collection or mode, export to CSS, Tailwind, Style Dictionary, and more.
- Build once, hand off everywhere: Use your palettes across design, development, and even AI-powered workflows.
Pro Evaluation Built-in
Free & Beta
Free
All features, unlimited projects & palettes — free.
Pro Made Easy
Advanced controls and tooling made simple to use.
Safe & Private
We don't track you. If you allow, we track anonymous analytics.
FAQ
What makes AVA Palettes different from other Figma color tools?
Can I use my existing brand colors or style guide with AVA Palettes?
How does AVA help with accessibility and contrast compliance?
Will this mess with my existing Figma variables or design system?
Can I organize palettes across multiple projects or brands?
Do I need to understand color theory to use AVA Palettes?
Is AVA Palettes free to use? What’s the pricing model?