[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-atmos-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":44,"related-resources-atmos":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},168,"Atmos","atmos","https:\u002F\u002Fatmos.style\u002F","2025-11-11T09:35:43.565+00:00",null,"A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation.","Palette Generation:\nColor generator for semantic colors (success\u002Fwarning\u002Fdanger) and industry palettes\nColor wheel with customizable angles and modes\nShade generator for uniform tints and hue transitions\nProfessional Editing:\nLCH\u002FOKLCH color spaces for perceptual uniformity and accessibility\nContrast checker supporting WCAG 2 and WCAG 3 standards\nAdditional Features\nExport Formats: SVG, Figma, CSS, Tailwind CSS, etc.\nCollaboration: Team sharing, version history, Figma plugin sync\nVisual Simulation: Color blindness simulation",{"title":14,"description":11},"Atmos - A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22,23,24],"Real-time collaboration","Color palette generation","Export to CSS\u002Fdesign tools","Accessibility contrast checking",[26,27],"Limited to color generation only","May require learning curve","UI designers quickly building polished interfaces.","4ccc3028-7544-4106-a17a-b80bf8624c15.webp","af86e49f-c121-43d6-8a5e-1a97cd0368bd.png",[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"]