[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-supa-palette-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":44,"related-resources-supa-palette":89},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"categories":31,"tags":36,"files":10,"pricing":43,"platform":10},184,"Supa Palette","supa-palette","https:\u002F\u002Fwww.supa-palette.com\u002F","2025-11-12T01:51:39.325+00:00",null,"A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.","Color Systems: Integrates 14 systems (Tailwind, Material UI, Radix) with custom modes (e.g., light\u002Fdark themes)\nEasing editor for precise color scales, color shift tool for gradient hues\nContrast checker (APCA\u002FWCAG 2.1) with smart suggestions\nFigma Integration: Saves as variables, auto-generates documentation guides (Blocks\u002FTiles\u002FCards\u002FCircles)\nResource Library: 30K+ pre-made palettes, 5 color spaces (including LCH\u002FOKLCH)\nAI Capabilities: Beta semantic tokens mapped to popular templates via OpenAI\nExport Formats: Figma Tokens, Chakra UI, Tailwind, and more",{"title":14,"description":11},"Supa Palette - A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22,23,24],"Ready-to-use templates","Color palette generation","Export to CSS\u002Fdesign tools","Accessibility contrast checking",[26,27],"Limited to color generation only","May require learning curve","Resource Library: 30K+ pre-made palettes, 5 color spaces (including LCH\u002FOKLCH) AI Capabilities: Beta semantic tokens mapped to popular templates via OpenAI Export Formats: Figma Tokens, Chakra UI, Tailwind, and more","312940d7-5c40-4132-a1b4-bb2251a72aa6.webp","7e371c7d-db15-4301-9552-70c42079fe1f.svg",[32],{"name":33,"slug":34,"sub_categories":35},"Colors & Palettes","colors-palettes",[],[37,40],{"name":38,"slug":39},"Colors","colors",{"name":41,"slug":42},"Freebie","freebie","free",[45,56,67,78],{"id":46,"url":47,"icon":48,"name":49,"slug":50,"tags":51,"cover":52,"tagline":53,"is_featured":10,"date_created":54,"date_updated":55},270,"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00",{"id":57,"url":58,"icon":59,"name":60,"slug":61,"tags":62,"cover":63,"tagline":64,"is_featured":10,"date_created":65,"date_updated":66},277,"https:\u002F\u002Fuxmovement.com\u002F","89e85a3d-da3b-472b-b85d-cc191cccfacd.svg","UX Movement","ux-movement",[],"b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.","2025-10-16T07:16:37.072+00:00","2026-06-13T08:36:58.995+00:00",{"id":68,"url":69,"icon":70,"name":71,"slug":72,"tags":73,"cover":74,"tagline":75,"is_featured":10,"date_created":76,"date_updated":77},274,"https:\u002F\u002Fmobbin.com\u002F","d73aee25-dc9a-47be-8c49-9384bf12c330.svg","Mobbin","mobbin",[],"27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.","2025-10-16T06:58:32.277+00:00","2026-06-13T08:35:31.882+00:00",{"id":79,"url":80,"icon":81,"name":82,"slug":83,"tags":84,"cover":85,"tagline":86,"is_featured":10,"date_created":87,"date_updated":88},280,"https:\u002F\u002Fwww.siteinspire.com\u002F","35a6894f-8f00-45fa-bafd-5e05a7e3e570.svg","Siteinspire","siteinspire",[],"d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.","2025-10-16T07:56:08.896+00:00","2026-06-13T08:33:18.256+00:00",[90,102,114],{"url":91,"icon":92,"name":93,"slug":94,"tags":95,"cover":98,"tagline":99,"is_featured":10,"date_created":100,"date_updated":101},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[96,97],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.","2025-10-18T09:23:35.221+00:00","2026-06-12T06:58:27.97347+00:00",{"url":103,"icon":104,"name":105,"slug":106,"tags":107,"cover":110,"tagline":111,"is_featured":10,"date_created":112,"date_updated":113},"https:\u002F\u002Fgradienthunt.com\u002F","0c9b5e0d-44d8-4596-bd46-46a18300b880.svg","Gradient Hunt","gradient-hunt",[108,109],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.","2025-10-07T07:14:33.847+00:00","2026-06-12T06:50:15.922637+00:00",{"url":115,"icon":116,"name":117,"slug":118,"tags":119,"cover":122,"tagline":123,"is_featured":10,"date_created":124,"date_updated":125},"https:\u002F\u002Fwww.grabient.com\u002F","4c7061c9-8d32-4925-82ff-dfa4f7515c48.svg","Grabient","grabient",[120,121],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.","2025-10-07T07:03:11.565+00:00","2026-06-12T06:50:02.78501+00:00"]