Pranata: Color Shades & Tints Generator

About this plugin

Stop hand-crafting scales. Start generating systems.

Tired of spending hours manually adjusting HSL sliders just to get a consistent color ramp? Meet Pranata, the Figma plugin designed to turn the tedious task of color engineering into a single click workflow.

Pranata isn't just a random generator; it’s a systematic "color pharmacist." It uses mathematically-backed formulas to ensure every shade and tint transition is buttery smooth. Whether you need a single palette or a complex multi-mode system, Pranata handles the heavy lifting so you can focus on the actual design.

What’s inside the plugin?

1. Structured Variable Logic: Automatically generates Figma Variables that are organized, structured, and ready for documentation.
2. Intelligent Shades & Tints: Create sophisticated ramps with a single input. Each color comes with its own logical derivatives.
3. Adaptive Mode Switching: Effortlessly generate scales for Light-to-Dark or Dark-to-Light workflows.
4. "Deep Mode" for Softness: Need a more sophisticated vibe? Toggle Deep Mode to instantly shift your palette into a softer, more premium aesthetic.
5. Brand Organization: Easily input and organize your core brand colors without breaking the system.
6. The "Standard UI Component" Bonus: We’ve pre-selected essential UI tokens for you. Get instant, reusable variables for Backgrounds, Surfaces, Fills, Text, and Borders the backbone of any high-quality UI.

From Manual To Automatic

Design systems are supposed to save time, but building them often wastes it. Pranata eliminates the "boring work." No more manual hex-copying or messy layers. Click once, and get a perfectly documented, structured color collection that scales with your project.

Who is this for?

1. Freelancers: Impress multiple clients with lightning-fast turnarounds and professional-grade color systems.
2. Agencies: Deliver organized, developer-ready documentation that proves your team’s attention to detail.
3. In-house Designers: Managing a massive company with multiple brands? Pranata is your secret weapon for maintaining consistency across complex libraries.

Stop wasting time on HSL math. Get Pranata and build your design system's foundation in seconds.

The Perfect Companion to Pranata Typography

If you’re already using the Pranata Typography Style Generator, you know how much we value structure and speed. This plugin is the natural evolution of your workflow. While Typography handles your scales, Pranata: Color Shades & Tints takes over your color architecture—ensuring all your variables are organized, consistent, and ready for high-level UI documentation.

Build your entire foundation with the same logical, "one-click" philosophy you've come to trust.