Changelog
Follow up on the latest improvements and updates.
RSS
improved
fixed
Sketch
Figma
Penpot
UI Color Palette 5.0.4
Millésime 504
Key Feature
🎨 Enhanced workflow efficiency
- One-click easing application: Apply distribution directly to the Lightness scale without manual adjustment for better discoverability —Available on Figma, FigJam, Penpot & Sketch
- Scale inversion capability: Added ability to reverse Lightness scale steps while preserving spacing between steps with organized section separator —Available on Figma, FigJam, Penpot & Sketch
Improvements
🔧 Interface enhancements
- Improved contrast score tags: Adjusted icon sizes for Locked and Closest tags across all editors for better visual consistency —Available on Figma, Dev Mode, FigJam, VSCode, Penpot & Sketch
- Flexible default color field: Made the default color name field flexible and stretchable for better usability —Available on Figma, FigJam, Penpot & Sketch
- Optimized preview actions: Preview actions now only appear when the preview is expanded, reducing interface clutter —Available on Figma, Dev Mode, FigJam, VSCode, Penpot & Sketch
- Enhanced action button consistency: Reversed primary and secondary action button order when no palettes exist in page/document for better consistency —Available on Figma, FigJam, Penpot & Sketch
- Keyboard navigation support: Added Escape key functionality to close dialogs with improved focus management for accessibility —Available on Figma, Dev Mode, FigJam, VSCode & Penpot
🛡️ Color palette protection
- Empty palette prevention: Prevented deletion of the last color to avoid empty preview states —Available on Figma, FigJam, Penpot & Sketch
- Smart default color handling: Default source color is no longer counted when other source colors are present —Available on Figma, FigJam, Penpot & Sketch
- Improved palette naming: Prevents empty palette names by automatically generating default names —Available on Figma, FigJam, Penpot & Sketch
Technical Improvements
🔧 Development and reliability
- Dialog button optimization: Fixed button sizing in compact dialog layouts for Dev Mode and VSCode —Dev Mode & VSCode only
improved
fixed
Sketch
Figma
Penpot
UI Color Palette 5.0.3
Better for New Comers
Key Feature
🎨 Enhanced color workflow
- Default source color: Automatically provides a default source color when creating new palettes, eliminating the need to start from scratch —Available on Figma, FigJam, Penpot & Sketch
- Improved section organization: Reorganized interface with "Scale" section positioned first and "Source" renamed to "Colors" for better discoverability —Available on Figma, FigJam, Penpot & Sketch
Improvements
🔧 User experience enhancements
- Enhanced custom color sets: Custom color sets are now prioritized first in the list with Custom 1-24 enabled by default for better accessibility —Available on Figma, FigJam, Penpot & Sketch
- Improved custom set defaults: Default custom sets now include 6 color stops instead of 2 for more comprehensive color palettes —Available on Figma, FigJam, Penpot & Sketch
- Better feature discoverability: Alpha mode moved to primary actions for improved visibility and accessibility —Available on Figma, FigJam, Penpot & Sketch
- Enhanced help system: Replaced ellipsis (…) icon with question mark (?) icon for clearer help identification —Available across all editors: Figma, Dev Mode, FigJam, VSCode, Penpot & Sketch
- Improved interface clarity: Added helpful tooltips for actions without labels including color spaces, vision simulation modes, and alpha mode controls —Available on Figma, FigJam, Penpot & Sketch
- VS Code integration clarity: Enhanced messaging to clarify that the plugin works with Figma's VS Code extension —Dev Mode only
🎯 Workflow optimizations
- Double-click resize reset: Double-clicking the resize grip now resets plugin size to default 600x600px dimensions —Available on Figma & FigJam
- Improved preview layout: Enhanced preview positioning to avoid covering section names for better visual hierarchy —Available across all editors: Figma, FigJam, Dev Mode, VSCode, Penpot & Sketch
- Field validation: Prevented empty or whitespace-only entries for color names and mode names —Available on Figma, FigJam, Penpot & Sketch
- Community palette access: Added entry point to explore and import community color palettes —Available on Figma, FigJam, Penpot & Sketch
📊 Technical and compliance improvements
- CSS4 color format support: Updated RGB and RGBA notation to CSS4 standards for modern compatibility —Available across all editors: Figma, Dev Mode, FigJam, VSCode, Penpot & Sketch
- Cookie consent improvements: Added close button for cookie consent dialog allowing users to continue without accepting —Available across all editors: Figma, Dev Mode, FigJam, VSCode, Penpot & Sketch
Bug Fixes
🐛 Technical fixes
- Safari text selection: Fixed text selection issues on Safari browsers for Sketch plugin users —Sketch only
- Linear distribution exception: Resolved exception error when selecting Linear distribution type while already on Linear —Available on Figma, FigJam, Penpot & Sketch
improved
fixed
Sketch
Figma
Penpot
UI Color Palette 5.0.2
Millésime 502
Improvements
📊 Enhanced analytics and monitoring
- Session replay implementation: Installed Mixpanel session replays for better user behavior analysis and debugging capabilities —Available on Sketch & Penpot
- Editor-specific event tracking: Enhanced analytics by differentiating events based on editor context for more precise usage insights —Available across all editors: Figma, Penpot & Sketch
🎨 User experience enhancements
- Document generation visibility: Improved document generation feature prominence by moving it to secondary level actions for better discoverability —Available on Figma, Penpot & Sketch
- Enhanced store access: Enabled direct store access from Sketch plugin for seamless user experience —Sketch only
- Accessibility scores enabled: Activated accessibility scores by default on first launch to promote accessible design practices —Available across all editors: Figma, Penpot & Sketch
🔗 Cross-platform integration improvements
- Unified branding consistency: Updated terminology from "Pro" and "Basic" to "/pro" and "/basic" for consistent branding across platforms —Available across all editors: Figma, Penpot & Sketch
- Enhanced /one plugin integration: Improved direct connection with UI Color Palette /one plugin on Figma for better user journey —Figma
Bug Fixes
🐛 Technical fixes
- Export component initialization: Fixed code initialization in Export component mounting to ensure proper default values —Available across all editors: Figma, Penpot & Sketch
improved
fixed
Sketch
Figma
Penpot
UI Color Palette 5.0.1
Millésime 501
Improvements
🔧 Enhanced stability and user experience
- Plugin window management: Keep the plugin window always on top in Sketch for better workflow continuity
- Pro feature guidance: Added informative tooltips when hovering over Pro restrictions to help users understand feature limitations and reduce confusion
- URL consistency: Updated "Pro" references to "/pro" throughout the interface for consistent branding
- Native tokens enhancement: Improved Native Tokens format to better handle theme management with global color sets per theme
🌐 Multi-platform consistency
- License verification sync: Improved license status verification across Penpot and Sketch plugins, ensuring consistent behavior with the Figma plugin
- Cross-platform navigation: Added direct link to UI Color Palette /one from UI Color Palette /figma for easier access to alternative licensing options
Minor Changes
🔧 Technical improvements
- Error reporting: Enhanced Sentry integration with unminified code for better debugging and issue resolution
- Analytics activation: Enabled Mixpanel events in production for improved usage insights
Bug Fixes
🐛 Critical fixes
- Dev Mode restrictions: Prevented palette creation in watcher/read-only mode (Dev Mode, VSCode) to avoid user confusion
- License management: Fixed infinite loading state after disconnecting a license key and improved license status verification
new
improved
Sketch
Figma
Penpot
UI Color Palette 5.0.0
Evolving Toward a Palette Ecosystem
Key Features
🎨 New plugins for the design ecosystem
- Sketch Plugin: UI Color Palette is now available on Sketch with nearly all core functionalities (swatches cannot be fully synced) → Try it out
- Penpot Plugin: UI Color Palette is now available on Penpot with nearly all core functionalities (tokens cannot be synced for now) → Try it out
📐 Advanced transparency management
- Scaling with transparency: Ability to scale a color while accounting for transparency for more precise gradients
🎯 Contrast customization
- Configurable contrast ratio: Set your desired contrast score to optimize accessibility in your color palettes
Improvements
🔄 Enhanced architecture
- Page-level palette creation: Create palettes directly at the page level instead of in nodes
- Simulation-theme linking: Color simulation and text colors linked to the current color mode
🎨 Enhanced management
- Reset lightness and chroma scale: Reset the scale of lightness and chroma for better control
- Palette management: Duplicate and delete palettes
- Easier preset switching: Improved interface for switching between color presets
📤 Export enhancements
- New code visualizer: New generated code visualizer
- Tailwind 4: Support for new Tailwind CSS v4 format
- DTCG Tokens: Export to Design Token Community Group format
- SCSS and Less variables: Export to CSS preprocessor variable formats
- OKLCH model: Added OKLCH color model in CSS exports
Minor Changes
🔧 Interface improvements
- Palette layout positioning: Moved palette layouts next to the palette name for better organization
- User preferences relocation: User preferences moved to the user menu level
- Acceleration settings: Separated speeds related to accelerations for more precise control
- Hue and chroma shifting: Swapped hue shifting and chroma shifting positions
- Color mode terminology: "Color theme" is now called "color mode" for consistency
- One-click code copy: Code can now be copied all at once with a single button
🔤 Generated document
- Martian Mono font: Changed default font to Martian Mono for better code readability
- Lexend font: Use for Lexend for secondary texts such as the description of the modes, colors, and palette
---
Support & Community
Need help or have questions? We're here to support you:
- 🎧 Support: Get help with any questions or issues → Contact Support
- 💬 Discord Community: Join our community for discussions and connect with other users → Join Discord
improved
fixed
new
UI Color Palette 4.3.0
Welcome Figma UI3
Key Feature
- Introducing Figma UI3 theme support across Dev Mode, FigJam, Figma, and VSCode editors
Improvements
- Added tooltips to icon buttons
- Enhanced tooltips with preview for Pro features
- Added onboarding section before highlights
- Added section about other products
Minor Changes
- Removed resize grip in VSCode
- Document backup when creating palette
Bug Fixes
- Fixed source color options placement
- Disabled palette migration in dev mode
Patch Figma plugin on VSCode
Bug Fixes
- Fixed the VSCode plugin adaptation and removed palette creation and editing in this context
fixed
new
UI Color Palette 4.2.2
Patch & Shopify
Improvements
- Added the Lightning Design System (Shopify) preset
Bug Fixes
- Created the chroma property if it doesn't exist in the form of chromaShifting
Patch UI
Bug Fixes
- Fixed an issue where dynamic dropdowns could sometimes freeze and become slow to render
- Fixed the delete button being available for themes in Free plan when it shouldn't be
- Added more spacing in framed messages for better readability
- Updated the empty state message when no palette is present on the page
- Improved naming convention for published palettes - untitled palettes will now use "[Author]'s UI COLOR PALETTE" format
- Fixed an issue where the relaunch button would incorrectly activate during settings load
new
improved
fixed
UI Color Palette 4.2.0
The WCAG-Compliant Color Palette Suite
Key Feature
- A Preview feature lets you see color scaling in real-time before applying changes to the document canvas. You can check contrast scores (WCAG 2.1 and APCA), switch color spaces, and test different vision impairments. This improves both performance and Figma file organization.
- Source colors can be locked and incorporated into the color scaling, with the closest shade being replaced by the source color. This helps preserve brand identity.
- The chroma can be adjusted alongside the lightness scale to control shade saturation. All source colors' chroma values shift uniformly, though individually edited chroma values remain unchanged.
Improvements
- Added a new scaling algorithm that provides smoother chroma calculations through sinusoidal and hyperbolic functions, complementing the existing linear and sinusoidal options.
- Streamlined style management by allowing exclusive palette linking for local styles, configurable in preferences.
- Refined variable collection handling with optional exclusive palette connections, configurable in preferences.
- Added customizable real-time synchronization options between configuration and palette through preferences. This improves color scaling performance if you use the preview to review changes before applying them to the document canvas.
- Added a list of all palettes on the current page, with one-click navigation.
- Added keyboard shortcuts for adjusting the lightness scale during palette creation.
- Added new easing functions for distribution, including smooth sine-based transitions (in, out, in-out), standard easing curves, and quadratic easing for dynamic distribution.
Minor Changes
- Enhanced user feedback with clearer messages during variable and style synchronization.
- Improved dropdown behavior to maintain visibility when interacting with separators and titles.
- Preserved configuration settings after unselecting colors during palette creation.
- Added loading indicators for key operations like synchronization and palette management.
- Optimized palette updates to minimize unnecessary processing.
- Restructured name field with intuitive default naming.
- Added contextual tooltips for slider distribution controls.
Bug Fixes
- Fixed cursor visibility issues during custom mode creation.
- Improved slider handle behavior for consistent cursor display while dragging.
- Enhanced error handling to prevent announcement rendering during database errors.
-
Also, we want to remind you that we're always listening to your feedback and also your feature requests and we've made sure to incorporate your most recent feedback into these updates to ensure that they're tailored to your needs.
Besides, you can always get support by sending us an email at hello@ui-color-palette.com and help us improve the quality of UI Color Palette by reporting a bug.
Enjoy your updated UI Color Palette!
UI Color Palette Team
Load More
→