Generate color palettes and put them into your project the way you need them.
Generate four colors that work together, with eight schemes and a reroll button. Press Space to reroll, click a swatch to copy its hex.
Take colors from what is already there. From an image clusters the pixels of a photo on the selected layer. From the selection collects the colors already on your layers, ranked by area, so a full-bleed section outranks a small chip.
Put the result on the canvas as swatches, apply it to the selected layers, or create color styles. Framer color styles carry both a light and a dark value, so the plugin does not save four colors, it works out the dark counterparts and saves eight as four styles. That derivation happens in OKLCH: lightness is reflected and eased towards the middle rather than inverted literally, because a pale tint flipped exactly comes out almost black. Hue is left untouched, which is what stops a dark variant drifting into a different color.
Check contrast by selecting two layers. The ratio is reported against all five
WCAG thresholds at once, because 3.2 fails body text and passes large text, and a single verdict would hide the case where the fix is the type size rather than the color.
Everything runs on your machine. No account, no upload, nothing recorded.
Part of Palette Vault, a free color reference at palettevault.github.io, with plugins for Figma, Chrome, Firefox, VS Code and Obsidian.
Generate color palettes and put them into your project the way you need them.
Generate four colors that work together, with eight schemes and a reroll button. Press Space to reroll, click a swatch to copy its hex.
Take colors from what is already there. From an image clusters the pixels of a photo on the selected layer. From the selection collects the colors already on your layers, ranked by area, so a full-bleed section outranks a small chip.
Put the result on the canvas as swatches, apply it to the selected layers, or create color styles. Framer color styles carry both a light and a dark value, so the plugin does not save four colors, it works out the dark counterparts and saves eight as four styles. That derivation happens in OKLCH: lightness is reflected and eased towards the middle rather than inverted literally, because a pale tint flipped exactly comes out almost black. Hue is left untouched, which is what stops a dark variant drifting into a different color.
Check contrast by selecting two layers. The ratio is reported against all five
WCAG thresholds at once, because 3.2 fails body text and passes large text, and a single verdict would hide the case where the fix is the type size rather than the color.
Everything runs on your machine. No account, no upload, nothing recorded.
Part of Palette Vault, a free color reference at palettevault.github.io, with plugins for Figma, Chrome, Firefox, VS Code and Obsidian.
Anton Liberant
