[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-brand-colors-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-brand-colors-en-US":119,"related-resources-brand-colors-en-US":180},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":21,"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},162,"BrandColors","brand-colors","https:\u002F\u002Fbrandcolors.net\u002F","2026-06-12T06:49:40.71847+00:00",null,"The Official Color Code Library for the World's Biggest Brands","BrandColors is an extremely simple and focused online resource whose sole purpose is to collect and display the official brand color hexadecimal (HEX) codes of the world's most famous brands.\nAuthoritative and Accurate: BrandColors is dedicated to providing the most accurate brand color information available. It features the official primary and secondary colors of hundreds of the world's most recognizable brands, making it one of the most reliable sources when you need to quickly find the official color for a specific brand (like Facebook, Google, or Twitter).\nExtremely Simple, Search-and-Use: The website's interface is highly intuitive. You can browse alphabetically or simply type a brand's name into the search bar. Once you find a brand, all of its official colors are clearly displayed as color swatches.\nOne-Click Copying and Multiple Format Downloads: When you hover over a color swatch, its HEX code is displayed, and a single click instantly copies it to your clipboard. You can also download the entire brand's color palette in various formats for easy import into your design software.\nA \"Desk Reference\" for Professionals: For brand designers, marketers, and front-end developers, this is the perfect \"desk reference\" tool. When you need to use a partner's brand colors in a design or want to analyze a competitor's color strategy, BrandColors provides the quickest and most convenient solution.",{"title":14,"meta_description":15},"BrandColors - The Official Color Code Library for the World's Biggest Brands | DesignToolMark","BrandColors is an extremely simple and focused online resource whose sole purpose is to collect and display the official brand color hexadecimal (HEX) codes ...",[17,18,19,20],"1.  Authoritative and Accurate: BrandColors is dedicated to providing the most accurate brand color information available. It features the official primary and secondary colors of hundreds of the world's most recognizable brands, making it one of the most reliable sources when you need to quickly find the official color for a specific brand (like Facebook, Google, or Twitter).","2.  Extremely Simple, Search-and-Use: The website's interface is highly intuitive. You can browse alphabetically or simply type a brand's name into the search bar. Once you find a brand, all of its official colors are clearly displayed as color swatches.","3.  One-Click Copying and Multiple Format Downloads: When you hover over a color swatch, its HEX code is displayed, and a single click instantly copies it to your clipboard. You can also download the entire brand's color palette in various formats for easy import into your design software.","4.  A \"Desk Reference\" for Professionals: For brand designers, marketers, and front-end developers, this is the perfect \"desk reference\" tool. When you need to use a partner's brand colors in a design or want to analyze a competitor's color strategy, BrandColors provides the quickest and most convenient solution.",[22,23,24,25],"Color palette generation","Developer-friendly","Intuitive and easy to use","Professional-quality output",[27,28],"Limited to color generation only","May require learning curve","2.  Extremely Simple, Search-and-Use: The website's interface is highly intuitive. You can browse alphabetically or simply type a brand's name into the search bar. Once you find a brand, all of its official colors are clearly displayed as color swatches. 3.  One-Click Copying and Multiple Format Downloads: When you hover over a color swatch, its HEX code is displayed, and a single click instantly copies it to your clipboard. You can also download the entire brand's color palette in various formats for easy import into your design software. 4.  A \"Desk Reference\" for Professionals: For brand designers, marketers, and front-end developers, this is the perfect \"desk reference\" tool. When you need to use a partner's brand colors in a design or want to analyze a competitor's color strategy, BrandColors provides the quickest and most convenient solution.","screenshots\u002Fbrand-colors.webp","a9ce6879-b096-4cc1-98e6-a01f05a43208.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47,50],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Branding","branding",{"name":51,"slug":52},"Gradient","gradient",[54,86,96,106],{"id":55,"url":56,"icon":10,"name":57,"slug":58,"tags":59,"cover":82,"tagline":83,"is_featured":84,"date_created":85,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[60,63,65,68,70,72,74,76,78,80],{"seo":10,"name":61,"slug":62},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":64},"ai",{"seo":10,"name":66,"slug":67},"Freemium","freemium",{"seo":10,"name":10,"slug":69},"free-trial",{"seo":10,"name":10,"slug":71},"image-editing",{"seo":10,"name":10,"slug":73},"video",{"seo":10,"name":10,"slug":75},"animation",{"seo":10,"name":10,"slug":77},"prototyping",{"seo":10,"name":10,"slug":79},"no-code",{"seo":10,"name":10,"slug":81},"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":87,"url":88,"icon":10,"name":89,"slug":90,"tags":91,"cover":93,"tagline":94,"is_featured":84,"date_created":95,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[92],{"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":97,"url":98,"icon":10,"name":99,"slug":100,"tags":101,"cover":103,"tagline":104,"is_featured":84,"date_created":105,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[102],{"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":107,"url":108,"icon":10,"name":109,"slug":110,"tags":111,"cover":116,"tagline":117,"is_featured":84,"date_created":118,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[112,114],{"seo":10,"name":113,"slug":32},"Free",{"seo":10,"name":10,"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,156,162,168,174],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fuigradients.com\u002F","uiGradients","ui-gradients","81454a0a-ce43-4d26-bc07-5aed0f372832.png","A Simple and Pure Gradient Inspiration Library",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fcolornamer.netlify.app\u002F","Color Namer","color-namer","screenshots\u002Fcolor-namer.webp","An interesting tool that finds a vivid, descriptive name for any hex color code.",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fcssgradient.io\u002F","CSS Gradient","css-gradient","0407c84f-2e37-415a-aa9f-a51b5afa2f23.webp","CSS Gradient transforms the task of writing complex CSS gradients into a simple, efficient, visual process, making it an essential code generator for front-end developers and designers.",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fcolors.eva.design\u002F","Eva Design System","eva-design-system","364a20cc-8836-4e8e-a54a-a5003a2faed5.webp","A deep learning color generator providing multi-gradient color schemes for brand and semantic colors.",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fwww.happyhues.co\u002F","Happy Hues","happy-hues","06ef73ee-10b3-439b-ac96-a85df6f400b9.webp","Learn Color Palettes in a Real-World Context",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"http:\u002F\u002Fcolormind.io\u002F","Colormind","colormind","3b9fbb79-3f40-41ea-8b33-2d681fccc65a.webp","Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fmycolor.space\u002F","ColorSpace","color-space","b1f850d0-7f74-413b-831e-d88bab9c5a35.webp","A color palette and gradient generator supporting color input for palettes and 3-color gradient creation.",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fmaterial-foundation.github.io\u002Fmaterial-theme-builder\u002F","Material Theme Builder","material-theme-builder","cb0b2d27-b8ee-407f-b999-fde2343712ec.webp","A Material Design 3 theme builder with dynamic color generation, brand customization, and cross-platform code export.",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fcolordesigner.io\u002F","Color Designer","color-designer","b83f79d5-6a64-4b70-b079-2fc0114b5c53.webp","A comprehensive color tool platform with 12 tools including palette generators, gradients, and color pickers, supporting professional color management and multi-format export.",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fcolorschemer.com\u002F","Color Schemer","color-schemer","screenshots\u002Fcolor-schemer.webp","A color scheme generation tool with 30+ algorithms and resource libraries, supporting Mac and PC platforms to enhance design efficiency.",[181,192,195],{"url":182,"icon":10,"name":183,"slug":184,"tags":185,"cover":189,"tagline":190,"is_featured":3,"date_created":191,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[186,187,188],{"seo":10,"name":10,"slug":43},{"seo":10,"name":113,"slug":32},{"seo":10,"name":10,"slug":52},"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":88,"icon":10,"name":89,"slug":90,"tags":193,"cover":93,"tagline":94,"is_featured":84,"date_created":95,"date_updated":10},[194],{"seo":10,"name":10,"slug":43},{"url":98,"icon":10,"name":99,"slug":100,"tags":196,"cover":103,"tagline":104,"is_featured":84,"date_created":105,"date_updated":10},[197],{"seo":10,"name":10,"slug":43}]