62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T9ad,

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.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-00e1d23e-9a82-4686-ba76-c3ce348d524b-all:/unified/creator/00e1d23e-9a82-4686-ba76-c3ce348d524b/activity/":[{"data":[{"id":"019fd53b-9734-721d-b6a1-35567fd41498","type":"plugin.created","target":{"type":"plugin","id":"1441","preview":"Palette Vault","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00e1d23e-9a82-4686-ba76-c3ce348d524b/019fd53a-5071-77f8-b993-0adb31d0004d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"00e1d23e-9a82-4686-ba76-c3ce348d524b","name":"Anton Liberant","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00e1d23e-9a82-4686-ba76-c3ce348d524b/riec0kzj","slug":"anton-liberant","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-06T04:01:20.179Z","latestAt":"2026-08-06T04:01:20.179Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:00e1d23e-9a82-4686-ba76-c3ce348d524b:/unified/posts/?creator=00e1d23e-9a82-4686-ba76-c3ce348d524b&with=reposts":[{"data":[{"id":"019fd53b-955b-70ae-917e-a1e659b5ed7a","title":null,"body":"

Palette Vault is out. Generate color palettes in OKLCH, pull them out of an image or out of the layers you already made, and turn them into swatches, fills or color styles.

Color styles are the reason I built it for Framer specifically. A style holds a light and a dark value, so the plugin works out the dark counterpart of each color for you and saves eight values as four styles. The derivation happens in OKLCH, so the dark variant keeps its hue instead of drifting.

There is also a contrast check against all five WCAG thresholds at once.

Free, runs entirely on your machine.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Palette Vault is out. Generate color palettes in OKLCH, pull them out of an image or out of the layers you already made, and turn them into swatches, fills or color styles."}]},{"type":"paragraph","content":[{"type":"text","text":"Color styles are the reason I built it for Framer specifically. A style holds a light and a dark value, so the plugin works out the dark counterpart of each color for you and saves eight values as four styles. The derivation happens in OKLCH, so the dark variant keeps its hue instead of drifting."}]},{"type":"paragraph","content":[{"type":"text","text":"There is also a contrast check against all five WCAG thresholds at once."}]},{"type":"paragraph","content":[{"type":"text","text":"Free, runs entirely on your machine."}]}]},"author":{"framerUserId":"00e1d23e-9a82-4686-ba76-c3ce348d524b","name":"Anton Liberant","slug":"anton-liberant","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00e1d23e-9a82-4686-ba76-c3ce348d524b/riec0kzj","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1441","resolved":true,"title":"Palette Vault","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Generate color palettes and put them into your project the way you need them."}]},{"type":"paragraph","content":[{"type":"text","text":"Generate four colors that work together, with eight schemes and a reroll button. Press Space to reroll, click a swatch to copy its hex."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"Check contrast by selecting two layers. The ratio is reported against all five"}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything runs on your machine. No account, no upload, nothing recorded."}]},{"type":"paragraph","content":[{"type":"text","text":"Part of "},{"type":"text","text":"Palette Vault","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://palettevault.github.io/","target":"_blank"}}]},{"type":"text","text":", a free color reference at "},{"type":"text","text":"palettevault.github.io","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://palettevault.github.io","target":"_blank"}}]},{"type":"text","text":", with "},{"type":"text","text":"plugins","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://palettevault.github.io/plugins/","target":"_blank"}}]},{"type":"text","text":" for "},{"type":"text","text":"Figma","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.figma.com/community/plugin/1666986851833259239/palette-vault","target":"_blank"}}]},{"type":"text","text":", "},{"type":"text","text":"Chrome","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://chromewebstore.google.com/detail/palette-vault-color-palet/njnhlacephcfkccghemekgggekioiekh","target":"_blank"}}]},{"type":"text","text":", "},{"type":"text","text":"Firefox","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://addons.mozilla.org/en-US/firefox/addon/palette-vault/","target":"_blank"}}]},{"type":"text","text":", "},{"type":"text","text":"VS Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://marketplace.visualstudio.com/items?itemName=jstoolsspace.palette-vault","target":"_blank"}}]},{"type":"text","text":" and "},{"type":"text","text":"Obsidian","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://community.obsidian.md/plugins/palette-vault","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Palette Vault","slug":"palette-vault","author":{"framerUserId":"00e1d23e-9a82-4686-ba76-c3ce348d524b","name":"Anton Liberant","slug":"anton-liberant","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00e1d23e-9a82-4686-ba76-c3ce348d524b/riec0kzj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00e1d23e-9a82-4686-ba76-c3ce348d524b/019fd53a-5071-77f8-b993-0adb31d0004d.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-08-06T04:01:19.304Z","updatedAt":"2026-08-08T17:45:49.854Z","publishedAt":"2026-08-08T17:45:49.824Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"9d0sjnc1qmhnme7uk49gy7185","paid":false,"categories":[{"id":"b238ea64-0ce9-413a-848d-43b73f0eea0f","name":"Styles","slug":"styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T04:01:19.707Z","updatedAt":"2026-08-06T04:01:19.707Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]