[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-supa-palette-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-supa-palette-en-US":116,"related-resources-supa-palette-en-US":176},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":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,"meta_description":15},"Supa Palette - A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems. | DesignToolMark","Color Systems: Integrates 14 systems (Tailwind, Material UI, Radix) with custom modes (e.g., light\u002Fdark themes) Easing editor for precise color scales, color...",[17,18,19,20,21],"14 integrated color systems including Tailwind, Material UI, and Radix","Easing editor for precise color scale adjustments","Color shift tool for gradient hue transitions","APCA and WCAG 2.1 contrast checker with smart suggestions","Figma-native integration saves palettes as variables and auto-generates documentation",[23,24,25],"Deep Figma integration streamlines design-to-development handoff","Support for multiple major design system color tokens out of the box","Smart contrast suggestions make accessibility effortless",[27,28],"Requires Figma — not available as a standalone web tool","Learning curve for configuring custom color systems","Design system creators and Figma users who need production-ready accessible palettes across multiple frameworks.","312940d7-5c40-4132-a1b4-bb2251a72aa6.webp","7e371c7d-db15-4301-9552-70c42079fe1f.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Gradient","gradient",[51,83,93,103],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[57,60,62,65,67,69,71,73,75,77],{"seo":10,"name":58,"slug":59},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":61},"ai",{"seo":10,"name":63,"slug":64},"Freemium","freemium",{"seo":10,"name":10,"slug":66},"free-trial",{"seo":10,"name":10,"slug":68},"image-editing",{"seo":10,"name":10,"slug":70},"video",{"seo":10,"name":10,"slug":72},"animation",{"seo":10,"name":10,"slug":74},"prototyping",{"seo":10,"name":10,"slug":76},"no-code",{"seo":10,"name":10,"slug":78},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":84,"url":85,"icon":10,"name":86,"slug":87,"tags":88,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[89],{"seo":10,"name":10,"slug":43},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":94,"url":95,"icon":10,"name":96,"slug":97,"tags":98,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[99],{"seo":10,"name":10,"slug":43},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":113,"tagline":114,"is_featured":81,"date_created":115,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[109,111],{"seo":10,"name":110,"slug":32},"Free",{"seo":10,"name":10,"slug":112},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[117,123,129,135,141,147,153,158,164,170],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"https:\u002F\u002Fproducts.ls.graphics\u002Fmesh-gradients\u002F","Mesh Gradients","mesh-gradients","0d2608a0-618e-4bc3-ab9b-8a4d6fe5316c.webp","A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow\u002Fpastel\u002Fnatural styles.",{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fwww.grabient.com\u002F","Grabient","grabient","screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fgradienthunt.com\u002F","Gradient Hunt","gradient-hunt","screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fcolor-pal.com\u002F","Color Pal","color-pal","35f6822f-35de-4819-9a6d-7946d7b63b7f.webp","Presumed to be a color picker and palette generator supporting color extraction and multi-format conversion (inferred from similar tools).",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fwww.color-selector.com\u002F","Color Selector","color-selector","2fca4d0b-fdad-4135-b6d2-e2911f44ab5f.webp","A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fcolorhuddle.co\u002F","ColorHuddle","color-huddle","15ba8798-61ff-4e6f-891e-d2414a1992f3.webp","A palette tool with live examples, offering copyable color codes and landing page previews, completely free.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":134},"https:\u002F\u002Fwebgradients.com\u002F","WebGradients","web-gradients","720798ad-a7f0-4007-86a7-e3274cdc108e.webp",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Frandoma11y.com\u002F","RandomA11y","random-a11y","screenshots\u002Frandom-a11y.webp","An accessible color combo generator producing WCAG\u002FAPCA-compliant contrasts with multi-format values and CSS code.",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.colorspace.dev\u002F","Colorspace","colorspace","1a8b16bb-f70c-4109-996a-acab167bd9b7.webp","A color space tool generating gradient color scales for specific hues with chroma and lightness adjustments.",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fcolorleap.app\u002F","Color Leap","color-leap","adf5ec95-a685-4032-882a-299053f9b958.webp","A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.",[177,188,191],{"url":178,"icon":10,"name":179,"slug":180,"tags":181,"cover":185,"tagline":186,"is_featured":3,"date_created":187,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[182,183,184],{"seo":10,"name":10,"slug":43},{"seo":10,"name":110,"slug":32},{"seo":10,"name":10,"slug":49},"e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists","2026-06-16T07:14:22.345664+00:00",{"url":85,"icon":10,"name":86,"slug":87,"tags":189,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},[190],{"seo":10,"name":10,"slug":43},{"url":95,"icon":10,"name":96,"slug":97,"tags":192,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},[193],{"seo":10,"name":10,"slug":43}]