UI Color Palette 5.2.0

The /ultimate scale and control

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

Key Features

🎯 Contrast analysis

Contrast scores & recommendations
: Access detailed WCAG 2.1 scores (A, AA, AAA), APCA Lc scores, pass/fail status, and readability recommendations for each tint via a dedicated side panel¹·³·⁵·⁶
Contrast filtering
: Filter colors by WCAG (< 4.5 or ≥ 4.5) and APCA (< 45 or ≥ 45) scores to quickly identify accessibility compliance¹·²·³·⁴·⁵·⁶
Contrast range display
: View the contrast range (min/max difference) for WCAG and APCA at the bottom of the palette preview, updated in real time¹·²·³·⁴·⁵·⁶·⁷

Improvements

Global hue adjustment
: Change the hue of all palette colors at once, similar to the existing chroma slider¹·³·⁵·⁶·⁷
Large palette support
: Horizontal scrolling with sticky source colors and headers for palettes with many colors¹·²·³·⁴·⁵·⁶·⁷
Clearer color actions
: Floating buttons on preview colors for quick access to hex copy, contrast details, and source navigation¹·²·³·⁴·⁵·⁶·⁷

Minor Changes

Community sharing
: Palettes shared to community by default when publishing¹·³·⁵·⁶·⁷
Keyboard shortcuts panel
: Shortcuts now displayed in a dedicated side panel for better organization¹·³·⁵·⁶·⁷
Source lock button
: Redesigned as icon button to save space¹·³·⁵·⁶·⁷
Copy feedback
: Tick icon replaces toast notification when copying to clipboard¹·²·³·⁴·⁵·⁶·⁷

Bug Fixes