Peak
by Svitlana Samofalova
Generate beautiful, accessible color palettes from a single base color.
Installs
0
Likes
1
Users
3
Views
16
Preview
About this plugin
Peak builds a complete colour system in seconds. Give it one colour and geteight ramps, sixteen semantic roles and both themes — written into your fileas Figma variables.
Built on OKLCH, so equal steps look equal. That's the reason ramps built inHSL fall apart in dark mode.
Features:- 88 primitives and 16 semantic roles from one colour- Four accent schemes: complement, split, triad, analogous- Light and dark modes, aliased — one edit moves both themes- WCAG contrast plus ΔE distance checks- Preview on interface, states, charts and illustration- Re-runs update the collection in placeHow to use:
1. Pick a colour, paste a hex, or take it from your selection2. Choose an accent scheme and tune lightness, chroma and hue3. Check the scores on each preview tab4. Name the library and write the variablesFor designers building design systems and brand palettes — accessible colourwithout the guesswork.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility