[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-nord-color-generator-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-nord-color-generator-en-US":119,"related-resources-nord-color-generator-en-US":224},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":45,"files":9},797,"Nord Color Generator","nord-color-generator","https:\u002F\u002Fnordhealth.design\u002Fcolor-generator",null,"UI color palette generator based on Nord design system","Nord Color Generator is a free online tool for creating accessible, harmonious color scales inspired by the Nord design system. It generates balanced color palettes that maintain proper contrast ratios and visual consistency across your UI. Simply choose a base color and the tool produces a full spectrum of tints and shades suitable for interfaces, ensuring your designs are both beautiful and accessible to all users.",{"title":13,"meta_description":14},"Nord Color Generator -- UI color palette generator based on Nord de...","Nord Color Generator is a free online tool for creating accessible, harmonious color scales inspired by the Nord design system. It generates balanced color p...",[16,17,18,19,20,21],"Generate full color scales from a single base color","WCAG accessibility check for contrast ratios","Nord-inspired palette structure with balanced tonal steps","Export palettes as CSS custom properties or Tailwind config","Real-time preview of color combinations on UI mockups","Adjustable hue, saturation, and lightness controls",[23,24,25],"Built with accessibility standards in mind from the start","Clean, minimal interface that is a pleasure to use","Produces production-ready color scales for real projects",[27,28],"Limited to the Nord aesthetic — less variety for other design styles","No image-based palette generation option","Best for UI designers and frontend developers who want accessible, Nord-inspired color palettes for their design systems.","a9afbd72-8a27-453f-820c-c6e171ea0908.webp","free",[33],"Web",{"free":3},0,[37,41],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Colors & Palettes","colors-palettes",[],[46,48,51],{"name":47,"slug":31},"Free",{"name":49,"slug":50},"Colors","colors",{"name":52,"slug":53},"Accessibility","accessibility",[55,87,97,107],{"id":56,"url":57,"icon":9,"name":58,"slug":59,"tags":60,"cover":83,"tagline":84,"is_featured":85,"date_created":86,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[61,64,66,69,71,73,75,77,79,81],{"seo":9,"name":62,"slug":63},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":65},"ai",{"seo":9,"name":67,"slug":68},"Freemium","freemium",{"seo":9,"name":9,"slug":70},"free-trial",{"seo":9,"name":9,"slug":72},"image-editing",{"seo":9,"name":9,"slug":74},"video",{"seo":9,"name":9,"slug":76},"animation",{"seo":9,"name":9,"slug":78},"prototyping",{"seo":9,"name":9,"slug":80},"no-code",{"seo":9,"name":9,"slug":82},"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":88,"url":89,"icon":9,"name":90,"slug":91,"tags":92,"cover":94,"tagline":95,"is_featured":85,"date_created":96,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[93],{"seo":9,"name":9,"slug":50},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":98,"url":99,"icon":9,"name":100,"slug":101,"tags":102,"cover":104,"tagline":105,"is_featured":85,"date_created":106,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[103],{"seo":9,"name":9,"slug":50},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":108,"url":109,"icon":9,"name":110,"slug":111,"tags":112,"cover":116,"tagline":117,"is_featured":85,"date_created":118,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[113,114],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":115},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[120,126,132,138,144,150,151,152,158,164,170,176,182,188,194,200,206,212,218],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fruri.design\u002Fgradiator","Ruri Gradiator","ruri-gradiator","089f81a2-3082-45c0-bce5-ffc9875cb87b.webp","Advanced CSS gradient editor with a unique grid interface",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fgoodpalette.io","Goodpalette","goodpalette","1c508913-1ea0-4383-9122-91c1c93faecb.webp","Generate accessible color palettes for UI design",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fmeshgradient.com","Mesh Gradient","mesh-gradient","de892395-dc05-42ff-83f9-913d028370cc.webp","Create beautiful mesh gradient backgrounds for your designs",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fatmos.style","Atmos","atmos-color","9b5710cd-372d-46e9-997f-76a6df7e01d6.webp","Suite of online color tools for UI designers",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fcolourcontrast.cc\u002F","Colour Contrast Checker","colour-contrast-checker","cd62a457-6e63-4e31-b000-531d3eb836ab.webp","Simple WCAG color contrast checker for accessible design",{"url":99,"name":100,"slug":101,"cover":104,"tagline":105},{"url":89,"name":90,"slug":91,"cover":94,"tagline":95},{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fanimxyz.com","AnimXYZ","animxyz","2e80b79d-d047-4c24-a119-84a7b028cf0f.webp","Pre-built CSS animations made simple",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fuxie.io","UXie","uxie","89b9dfde-bc94-4fc7-9d82-7666dcb3e511.webp","UX research and usability testing made simple",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fsiter.io","Siter.io","siter-io","0b0b0f42-a87b-43c9-9536-b9391dc73cfe.webp","No-code website builder with a Figma-like interface",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fpixelover.io","Pixelover","pixelover","db4709c5-3246-4f7e-ab89-1057c960c83f.webp","Online color picker and image overlay tool",{"url":177,"name":178,"slug":179,"cover":180,"tagline":181},"https:\u002F\u002Fworks.meiye.art","Meiye Works","meiye-works","0c684aae-96b8-4dd7-b3e7-765fa42552fe.webp","Chinese online portfolio platform for designers",{"url":183,"name":184,"slug":185,"cover":186,"tagline":187},"https:\u002F\u002Ftweetlet.net","Tweetlet","tweetlet","2d6531f1-21fa-4415-920f-feb6eaac9138.webp","Beautiful tweet screenshot generator for social media",{"url":189,"name":190,"slug":191,"cover":192,"tagline":193},"https:\u002F\u002Fshrink.media","Shrink Media","shrink-media","f1e068c7-ff73-479b-a1f0-a284bfaba932.webp","Online image compression tool that preserves quality",{"url":195,"name":196,"slug":197,"cover":198,"tagline":199},"https:\u002F\u002Ftally.so","Tally","tally","b1272527-6421-47e3-800b-19175425c94a.webp","Free form builder with a Notion-like editing experience",{"url":201,"name":202,"slug":203,"cover":204,"tagline":205},"https:\u002F\u002Fpixel.heyfe.org","Pixel Hey","pixel-hey","b831a261-da0e-4c2a-ad23-8479de51748d.webp","Turn any image into pixel art online",{"url":207,"name":208,"slug":209,"cover":210,"tagline":211},"https:\u002F\u002Fmoonvy.com\u002Fapps\u002FPxEvapo\u002F","PxEvapo","pxevapo","d78f9c86-96b5-4325-8dee-3d1892e86507.webp","Online image resizing and compression tool",{"url":213,"name":214,"slug":215,"cover":216,"tagline":217},"https:\u002F\u002Fcsshero.org\u002Fmesher","CSS Hero Mesher","css-hero-mesher","c8e938c6-095b-4b0f-b2b4-e24a18bec17d.webp","Create beautiful mesh gradient backgrounds with CSS",{"url":219,"name":220,"slug":221,"cover":222,"tagline":223},"https:\u002F\u002Folivia-tsui.github.io\u002Fct","Color Scale Tool","color-scale-tool","961aa9d6-73c4-4634-9060-b26dd258a61b.webp","Generate light and dark color scales interactively",[225,238,255],{"url":226,"icon":9,"name":227,"slug":228,"tags":229,"cover":235,"tagline":236,"is_featured":3,"date_created":237,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[230,232,233,234],{"seo":9,"name":9,"slug":231},"collaboration",{"seo":9,"name":9,"slug":78},{"seo":9,"name":67,"slug":68},{"seo":9,"name":9,"slug":82},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":239,"icon":9,"name":240,"slug":241,"tags":242,"cover":252,"tagline":253,"is_featured":3,"date_created":254,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[243,244,247,248,250],{"seo":9,"name":47,"slug":31},{"seo":9,"name":245,"slug":246},"Open Source","open-source",{"seo":9,"name":9,"slug":72},{"seo":9,"name":9,"slug":249},"svg",{"seo":9,"name":9,"slug":251},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":256,"icon":9,"name":257,"slug":258,"tags":259,"cover":265,"tagline":266,"is_featured":3,"date_created":267,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[260,262,263,264],{"seo":9,"name":9,"slug":261},"wireframe",{"seo":9,"name":9,"slug":78},{"seo":9,"name":9,"slug":231},{"seo":9,"name":67,"slug":68},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]