UI Color Palette 5.1.0

Syrah 510

¹Figma ²Dev Mode ³FigJam ⁴VSCode ⁵Penpot ⁶Sketch ⁷Framer

Key Features

🤖 AI-powered color creation

AI color generation
: Generate color palettes from natural language prompts using Mistral AI. Describe your needs and get semantic, context-aware color schemes¹·³·⁵·⁶·⁷
Image color extraction
: Extract five dominant colors from PNG images using pixelation algorithms to build palettes from visual references¹·³·⁵·⁶·⁷
Related colors
: Create harmonious palettes using color wheel algorithms including analogous, complementary, triadic, and tetradic relationships¹·³·⁵·⁶

📦 New presets and resources

Design system presets
: Added Adobe Spectrum, Microsoft Fluent 2, Bootstrap, Radix, UntitledUI, Tailwind CSS, and Open Color. All presets fully unlocked¹·³·⁵·⁶

📤 Developer experience

Palette preview and export
: Preview palette overview and export code before adding, with detailed presentation of scale, colors, modes, and settings²·⁴
Sketch documentation
: Generate comprehensive palette documentation with full specifications⁶

Improvements

Engagement metrics
: Track palette adds and likes to discover popular community palettes¹·³·⁵·⁶
Organization separation
: Community and organization palettes now clearly separated¹·³·⁵·⁶
Redesigned About page
: Updated as side panel with proper attributions¹·²·³·⁴·⁵·⁶
Auto-documentation
: Sample palette automatically created after saving to help users get started¹·³·⁵·⁶

Minor Changes

Foreground naming
: Text colors renamed to foreground colors for better clarity¹·³·⁵·⁶
Sources workflow
: Swapped Scale/Colors positioning, renamed "Colors" to "Sources" for better discoverability¹·³·⁵·⁶·⁷
Semantic naming
: Colors automatically named with paint terminology instead of hex codes¹·³·⁵·⁶·⁷
Visual polish
: Updated text colors to UICP/6, refined tags, auto-collapse preview in Export context¹·²·³·⁴·⁵·⁶·⁷
Streamlined imports
: URL field auto-hides after importing from Coolors or Realtime Colors¹·³·⁵·⁶·⁷

Bug Fixes

Fixed palette sharing status, duplicate loading, color value handling, name sync, and page change issues

---

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