[{"data":1,"prerenderedAt":1239},["ShallowReactive",2],{"recent-blog-posts":3},[4,454,846],{"id":5,"title":6,"author":7,"body":8,"category":440,"date":441,"description":442,"draft":443,"extension":444,"image":445,"meta":446,"navigation":447,"path":448,"seo":449,"stem":450,"tags":451,"__hash__":453},"blog/blog/colour-theory-101-marketers-make-visuals-that-convert.md","Colour Theory 101 for Marketers: Make Visuals That Convert",null,{"type":9,"value":10,"toc":418},"minimark",[11,20,27,30,35,38,60,70,74,77,82,89,95,99,106,111,115,122,127,131,134,139,143,146,151,155,162,167,171,174,188,192,195,221,225,228,235,250,261,265,268,275,282,286,289,315,318,322,325,332,336,341,344,349,352,357,360,365,368,373,376,381,395,400],[12,13,14,15,19],"p",{},"Colour is the silent salesperson. Before a customer reads a single word of your copy, before they register your headline or your offer, their brain has already processed the colour of your visual and formed an emotion. That process takes approximately ",[16,17,18],"strong",{},"90 milliseconds",".",[12,21,22,23,26],{},"Research consistently shows that up to ",[16,24,25],{},"90% of snap judgements about products"," are based on colour alone, and that colour can increase brand recognition by up to 80%. Yet most marketers choose colours based on personal preference, or worse, \"what looks nice.\" Colour theory provides a rational, evidence-based framework for making visual decisions that actually move people to act.",[12,28,29],{},"You don't need an art degree to use it. This guide will equip you with the fundamentals—everything a marketer needs, nothing they don't.",[31,32,34],"h2",{"id":33},"the-colour-wheel-understanding-the-basics","The Colour Wheel: Understanding the Basics",[12,36,37],{},"The colour wheel is the foundational map of colour relationships. All of colour theory flows from it.",[39,40,41,48,54],"ul",{},[42,43,44,47],"li",{},[16,45,46],{},"Primary Colours:"," Red, Yellow, Blue (in traditional pigment theory). In screen/light theory (relevant for digital marketing), the primaries are Red, Green, Blue (RGB).",[42,49,50,53],{},[16,51,52],{},"Secondary Colours:"," Colours formed by mixing two primaries - Orange (Red + Yellow), Green (Blue + Yellow), Purple (Red + Blue).",[42,55,56,59],{},[16,57,58],{},"Tertiary Colours:"," The in-between shades - Yellow-Orange, Red-Orange, Red-Purple, Blue-Purple, Blue-Green, Yellow-Green.",[12,61,62,65,66,69],{},[16,63,64],{},"Warm Colours"," (Reds, Oranges, Yellows) sit on one half of the wheel. They create feelings of energy, warmth, urgency, and appetite. ",[16,67,68],{},"Cool Colours"," (Blues, Greens, Purples) sit on the other half. They create feelings of calm, trust, logic, and cool detachment.",[31,71,73],{"id":72},"the-6-colour-harmony-rules","The 6 Colour Harmony Rules",[12,75,76],{},"Colour harmony is the practice of choosing colours that work well together. There are six core rules:",[78,79,81],"h3",{"id":80},"_1-complementary-colours","1. Complementary Colours",[12,83,84,85,88],{},"Complementary colours sit ",[16,86,87],{},"directly opposite each other"," on the colour wheel (e.g., Blue and Orange, Red and Green, Purple and Yellow). They create maximum contrast and visual tension.",[12,90,91,94],{},[16,92,93],{},"In Marketing:"," Ideal for high-energy, attention-grabbing designs. Sports brands, fast food, and sale promotions often use complementary schemes. Think of the New York Knicks' blue and orange, or Fanta's orange on blue.",[78,96,98],{"id":97},"_2-analogous-colours","2. Analogous Colours",[12,100,101,102,105],{},"Analogous colours are ",[16,103,104],{},"three colours sitting side by side"," on the wheel (e.g., Blue, Blue-Green, Green). They are harmonious, calming, and pleasing to the eye; there's no visual conflict.",[12,107,108,110],{},[16,109,93],{}," Perfect for wellness, nature, or lifestyle brands that want to feel cohesive and serene. Think Starbucks' use of greens. The risk is that they can feel low-energy if there's no contrast element.",[78,112,114],{"id":113},"_3-triadic-colours","3. Triadic Colours",[12,116,117,118,121],{},"A triadic scheme uses ",[16,119,120],{},"three colours evenly spaced around the wheel"," (e.g., Red, Yellow, Blue, or Orange, Green, Purple). It creates a vibrant, playful balance.",[12,123,124,126],{},[16,125,93],{}," Children's brands, creative agencies, and entertainment companies use triadic palettes. They feel fun and energetic without the harsh tension of complementary pairs.",[78,128,130],{"id":129},"_4-split-complementary-colours","4. Split-Complementary Colours",[12,132,133],{},"Instead of using the exact complement of a colour, you take the two colours adjacent to the complement. For example, instead of Blue + Orange, you use Blue + Yellow-Orange + Red-Orange.",[12,135,136,138],{},[16,137,93],{}," A safer version of the complementary scheme. It provides a strong visual contrast without the aggressive tension. Good for businesses that want to stand out without shouting.",[78,140,142],{"id":141},"_5-tetradic-square-colours","5. Tetradic (Square) Colours",[12,144,145],{},"Four colours forming a square or rectangle on the colour wheel - two complementary pairs. This scheme is rich and complex.",[12,147,148,150],{},[16,149,93],{}," Can work beautifully but requires care. One colour must dominate, or the design feels chaotic. Best left for experienced designers or very controlled brand applications.",[78,152,154],{"id":153},"_6-monochromatic-colours","6. Monochromatic Colours",[12,156,157,158,161],{},"A monochromatic scheme uses ",[16,159,160],{},"one hue at varying levels of saturation and lightness",". For example, a deep navy, a mid-blue, a sky blue, and a near-white, all derived from the same blue hue.",[12,163,164,166],{},[16,165,93],{}," Extremely clean, sophisticated, and easy to execute. It creates a strong visual identity and high brand recognition. Many premium SaaS and fintech brands use monochromatic schemes precisely because they feel polished and professional.",[31,168,170],{"id":169},"colour-temperature-and-emotion","Colour Temperature and Emotion",[12,172,173],{},"Beyond harmony rules, the overall \"temperature\" of your palette sends a message before any individual colour is identified.",[39,175,176,182],{},[42,177,178,181],{},[16,179,180],{},"Warm Palettes (Red, Orange, Yellow):"," Trigger a sense of urgency, appetite, energy, and excitement. Excellent for food and beverage, retail sales, fitness, and entertainment. The human eye is drawn to warm colours first - which is why \"Buy Now\" buttons are often red or orange.",[42,183,184,187],{},[16,185,186],{},"Cool Palettes (Blue, Green, Purple):"," Trigger calm, trust, intelligence, and health. Essential for finance, tech, healthcare, insurance, and professional services. These colours make people feel safe leaving their data with you.",[31,189,191],{"id":190},"saturation-and-brightness-in-marketing","Saturation and Brightness in Marketing",[12,193,194],{},"The \"mood\" of a colour is as much about its purity and brightness as its hue.",[39,196,197,203,209,215],{},[42,198,199,202],{},[16,200,201],{},"High Saturation (Vivid colours):"," Feel bold, youthful, urgent, and playful. Used by children's brands, discount retailers, and social platforms targeting younger demographics.",[42,204,205,208],{},[16,206,207],{},"Low Saturation (Muted, desaturated colours):"," Feel sophisticated, premium, calm, and mature. Used by luxury brands, wellness products, and editorial media.",[42,210,211,214],{},[16,212,213],{},"High Brightness (Light tones):"," Approachable, friendly, fresh. Used by new startups and consumer apps.",[42,216,217,220],{},[16,218,219],{},"Low Brightness (Dark tones):"," Premium, serious, exclusive. Used by luxury watches, prestige cars, and high-end food and drink.",[31,222,224],{"id":223},"contrast-and-accessibility-in-marketing","Contrast and Accessibility in Marketing",[12,226,227],{},"No matter how beautiful your palette is, if people can't read your content, it fails. Contrast is not just a design nicety — in many markets, it is a legal accessibility requirement.",[12,229,230,231,234],{},"The ",[16,232,233],{},"WCAG 2.1 AA standard"," (Web Content Accessibility Guidelines) requires:",[39,236,237,244],{},[42,238,239,240,243],{},"A minimum contrast ratio of ",[16,241,242],{},"4.5:1"," for normal body text.",[42,245,239,246,249],{},[16,247,248],{},"3:1"," for large text (18pt+ or 14pt bold).",[12,251,252,253,256,257,260],{},"Two quick practical tests: The ",[16,254,255],{},"Squint Test"," — squint your eyes until your design blurs. If the text and background melt into each other, contrast is too low. The ",[16,258,259],{},"Greyscale Test"," — convert your design to greyscale. Can you still read it clearly? If yes, your contrast works. If not, adjust.",[31,262,264],{"id":263},"colour-in-calls-to-action-and-conversion","Colour in Calls-to-Action and Conversion",[12,266,267],{},"Few topics in marketing generate more debate than \"what colour should my CTA button be?\" Dozens of case studies claim that red outperforms green or that orange outperforms blue. The truth is more nuanced.",[12,269,270,271,274],{},"The most important principle is ",[16,272,273],{},"contrast, not hue",". Your CTA button simply needs to stand out visually from its surrounding background. On a predominantly blue page, an orange button stands out. On a white page, a deep green button stands out. The specific colour is secondary — what matters is that it commands attention.",[12,276,277,278,281],{},"The secondary principle is ",[16,279,280],{},"temperature and urgency",". For time-limited offers and checkout buttons, warm colours (red, orange) can create subtle urgency. For trust-based actions (e.g., \"Book a Consultation,\" \"Sign Up Free\"), cool or neutral colours feel less pressuring.",[31,283,285],{"id":284},"cultural-colour-considerations","Cultural Colour Considerations",[12,287,288],{},"Colour meaning is not universal. If you operate globally, be aware of cultural differences:",[39,290,291,297,303,309],{},[42,292,293,296],{},[16,294,295],{},"White:"," Purity in Western cultures, but associated with mourning in China, Japan, and parts of South Asia.",[42,298,299,302],{},[16,300,301],{},"Red:"," Danger and urgency in the West; luck, prosperity, and celebration in China and India.",[42,304,305,308],{},[16,306,307],{},"Green:"," Has significant religious meaning in Islamic contexts (used prominently in flags). Exercise care when using green in Middle Eastern marketing.",[42,310,311,314],{},[16,312,313],{},"Purple:"," Royalty in Western contexts; mourning in parts of Brazil and Thailand.",[12,316,317],{},"Major global brands often adapt their colour usage by market. What resonates in one culture can actively offend in another.",[78,319,321],{"id":320},"ready-to-apply-colour-theory-to-your-brand","Ready to apply colour theory to your brand?",[12,323,324],{},"Convert, extract, and refine your colours with free browser tools.",[12,326,327],{},[328,329,331],"a",{"href":330},"/tools/color-converter","Open Colour Converter",[31,333,335],{"id":334},"frequently-asked-questions","Frequently Asked Questions",[12,337,338],{},[16,339,340],{},"What is the most effective colour for a call-to-action button?",[12,342,343],{},"There is no single \"best\" CTA colour. The most effective colour is the one that provides the highest contrast against the page background while fitting the brand's temperature. Orange and red are common choices because they contrast well against blue and white page designs.",[12,345,346],{},[16,347,348],{},"Does colour really affect purchasing decisions?",[12,350,351],{},"Yes, substantially. Research consistently shows that colour is the first sensory input processed when viewing a product or website, and that it influences perceived value, trust, and urgency. Up to 85% of purchasing decisions are influenced by colour.",[12,353,354],{},[16,355,356],{},"What colour combinations should I avoid?",[12,358,359],{},"Avoid: Red text on a blue background (vibrates and causes eye strain). Pure Yellow text on white (near-invisible). Very similar hues with low contrast (looks accidental). Neon colours for body text (impossible to read for extended periods). These combinations actively harm readability and user experience.",[12,361,362],{},[16,363,364],{},"What is a monochromatic colour scheme?",[12,366,367],{},"A monochromatic scheme uses a single hue (colour) but varies its saturation (purity) and lightness (how light or dark it is). For example, a palette of navy, mid-blue, light blue, and near-white is monochromatic. It feels clean, cohesive, and professional.",[12,369,370],{},[16,371,372],{},"How do I check if my colour contrast is accessible?",[12,374,375],{},"Use a free online contrast checker (search \"WCAG contrast checker\"). Enter your text colour and background colour, and the tool tells you whether you meet the AA or AAA standard. Many browser developer tools also have this built into the accessibility inspector.",[12,377,378],{},[16,379,380],{},"What is the difference between hue, saturation, and brightness?",[12,382,383,386,387,390,391,394],{},[16,384,385],{},"Hue"," is the \"name\" of the colour — Red, Blue, Green. ",[16,388,389],{},"Saturation"," is how vivid or grey it is — 100% is pure colour, 0% is completely grey. ",[16,392,393],{},"Brightness/Lightness"," is how light or dark it is — 100% is white, 0% is black. Together, these three properties completely describe any colour.",[12,396,397],{},[16,398,399],{},"Colour theory is not a creative luxury; it is a strategic toolkit. Whether you are designing a landing page, choosing packaging, or picking a button colour, applying these principles will result in more effective, more compelling, and more accessible marketing.",[12,401,402,403,407,408,412,413,417],{},"Explore related guides: ",[328,404,406],{"href":405},"/blog/brand-visual-identity-guide","Brand Visual Identity Guide"," and ",[328,409,411],{"href":410},"/blog/how-to-choose-brand-colors","How to Choose Brand Colours",". Ready to put theory into practice? Use the ",[328,414,416],{"href":415},"/tools/color-palette-extractor","Colour Palette Extractor"," to build your first harmonious palette.",{"title":419,"searchDepth":420,"depth":420,"links":421},"",2,[422,423,432,433,434,435,436,439],{"id":33,"depth":420,"text":34},{"id":72,"depth":420,"text":73,"children":424},[425,427,428,429,430,431],{"id":80,"depth":426,"text":81},3,{"id":97,"depth":426,"text":98},{"id":113,"depth":426,"text":114},{"id":129,"depth":426,"text":130},{"id":141,"depth":426,"text":142},{"id":153,"depth":426,"text":154},{"id":169,"depth":420,"text":170},{"id":190,"depth":420,"text":191},{"id":223,"depth":420,"text":224},{"id":263,"depth":420,"text":264},{"id":284,"depth":420,"text":285,"children":437},[438],{"id":320,"depth":426,"text":321},{"id":334,"depth":420,"text":335},"Design","2026-04-12","Learn colour theory fundamentals for marketing — the colour wheel, harmony rules, contrast, accessibility and psychology — all explained for non-designers.",false,"md","/blog/colour-theory-101-marketers-make-visuals-that-convert.webp",{},true,"/blog/colour-theory-101-marketers-make-visuals-that-convert",{"title":6,"description":442},"blog/colour-theory-101-marketers-make-visuals-that-convert",[440,452],"Product Mockup","mbk8t0vp6PyqZWm03NPzRfoPJkO5TFuaPVbhF46w-o8",{"id":455,"title":456,"author":7,"body":457,"category":835,"date":836,"description":837,"draft":443,"extension":444,"image":838,"meta":839,"navigation":447,"path":840,"seo":841,"stem":842,"tags":843,"__hash__":845},"blog/blog/what-favicon-your-website-needs-one-make-it.md","What Is a Favicon? Why Your Website Needs One & How to Make It",{"type":9,"value":458,"toc":823},[459,462,469,473,476,493,497,508,514,520,524,527,597,601,626,640,644,647,674,678,681,687,698,704,708,711,716,720,723,759,761,766,773,778,784,789,792,797,800,805,816],[12,460,461],{},"It is the smallest element of your website—typically just 16 by 16 pixels—yet it does an enormous amount of work for your brand. When a user looks at their browser and sees a generic grey globe icon next to your site title, it subconsciously signals \"unfinished\" or \"untrustworthy.\"",[12,463,464,465,468],{},"When they see a sharp, branded icon, it signals \"professional.\" That tiny icon is the ",[16,466,467],{},"Favicon",". In 2026, it is not just a nice-to-have; it is a critical part of your user experience and SEO presence.",[31,470,472],{"id":471},"what-is-a-favicon","What Is a Favicon?",[12,474,475],{},"A favicon (short for \"favourite icon\") is a small square image associated with a specific website. You see them everywhere:",[39,477,478,481,484,487,490],{},[42,479,480],{},"On browser tabs (next to the page title)",[42,482,483],{},"In browser bookmarks and history lists",[42,485,486],{},"On mobile home screens (when you \"Add to Home Screen\")",[42,488,489],{},"In Google Search results (on mobile and increasingly on desktop)",[42,491,492],{},"In browser toolbar apps and password managers",[31,494,496],{"id":495},"why-favicons-matter-for-your-brand","Why Favicons Matter for Your Brand",[12,498,499,502,503,507],{},[16,500,501],{},"1. Tab Recognition:"," The average user has dozens of tabs open. When tabs get small, the text disappears, and the favicon is the ",[504,505,506],"em",{},"only"," identifier left. If your favicon is missing or generic, users can't find your site to click back to it. A distinct favicon anchors your site in the user's browser.",[12,509,510,513],{},[16,511,512],{},"2. Trust Signals:"," Internet users are wary of scams. A website without a custom favicon looks like a generic template or a fly-by-night operation. A custom favicon indicates that attention to detail has been paid to the site's construction.",[12,515,516,519],{},[16,517,518],{},"3. SEO & Click-Through Rate:"," Google displays favicons next to search results, particularly on mobile. A recognisable, high-contrast favicon can draw the eye and improve your click-through rate (CTR) compared to a generic result.",[31,521,523],{"id":522},"favicon-sizes-the-complete-set-for-2026","Favicon Sizes: The Complete Set for 2026",[12,525,526],{},"In the early days of the web, you only needed one size. Today, with high-resolution Retina screens, iOS icons, and Windows tiles, you need a set of sizes to look crisp everywhere.",[528,529,530,543],"table",{},[531,532,533],"thead",{},[534,535,536,540],"tr",{},[537,538,539],"th",{},"Size (px)",[537,541,542],{},"Where It Is Used",[544,545,546,557,567,577,587],"tbody",{},[534,547,548,554],{},[549,550,551],"td",{},[16,552,553],{},"16 × 16",[549,555,556],{},"Standard browser tabs",[534,558,559,564],{},[549,560,561],{},[16,562,563],{},"32 × 32",[549,565,566],{},"Retina screens, Windows taskbar",[534,568,569,574],{},[549,570,571],{},[16,572,573],{},"180 × 180",[549,575,576],{},"Apple Touch Icon (iPhone/iPad home screen)",[534,578,579,584],{},[549,580,581],{},[16,582,583],{},"192 × 192",[549,585,586],{},"Android Chrome home screen icon",[534,588,589,594],{},[549,590,591],{},[16,592,593],{},"512 × 512",[549,595,596],{},"PWA (Progressive Web App) splash screen",[31,598,600],{"id":599},"favicon-file-formats-in-2026","Favicon File Formats in 2026",[39,602,603,614,620],{},[42,604,605,608,609,613],{},[16,606,607],{},"ICO:"," The legacy format. A single ",[610,611,612],"code",{},".ico"," file can actually contain multiple sizes (16, 32, 48) inside it. It is still the most compatible format for older browsers.",[42,615,616,619],{},[16,617,618],{},"PNG:"," Modern browsers support standard PNG files. They are easy to create and support transparency.",[42,621,622,625],{},[16,623,624],{},"SVG:"," The future standard. SVG favicons scale infinitely without losing quality and—crucially—support CSS dark mode media queries, meaning your icon can change colour depending on whether the user is in Light or Dark mode.",[12,627,628,631,632,635,636,639],{},[16,629,630],{},"Recommended Stack:"," Use ",[610,633,634],{},"favicon.ico"," for legacy fallback and ",[610,637,638],{},"favicon.svg"," for modern browsers.",[31,641,643],{"id":642},"how-to-design-a-good-favicon","How to Design a Good Favicon",[12,645,646],{},"Designing for 16 pixels is hard. Here are the golden rules:",[648,649,650,656,662,668],"ol",{},[42,651,652,655],{},[16,653,654],{},"Don't use your full logo:"," Complex text or taglines will turn into unrecognisable mush at small sizes.",[42,657,658,661],{},[16,659,660],{},"Use a symbol or initial:"," Use your logo mark (like Nike's swoosh) or the first letter of your brand name (like Facebook's 'f' or Google's 'G').",[42,663,664,667],{},[16,665,666],{},"Maximize Contrast:"," Use bold shapes and solid colours. Thin lines disappear.",[42,669,670,673],{},[16,671,672],{},"Use Transparent Backgrounds:"," A square white box looks cheap on grey browser tabs. Use transparency (PNG/ICO) so the icon floats naturally.",[31,675,677],{"id":676},"how-to-create-a-favicon-for-free-in-3-steps","How to Create a Favicon for Free in 3 Steps",[12,679,680],{},"You don't need a designer to make a professional favicon set. You can do it with CampaignMorph:",[12,682,683,686],{},[16,684,685],{},"Step 1:"," Prepare your logo image (ideally a square PNG at least 512x512px).",[12,688,689,692,693,697],{},[16,690,691],{},"Step 2:"," Go to the ",[328,694,696],{"href":695},"/tools/favicon-generator","Favicon Generator"," and upload your image.",[12,699,700,703],{},[16,701,702],{},"Step 3:"," The tool will automatically crop, resize, and convert your image into all the necessary formats (ICO, PNGs for Apple/Android). Download the zip file.",[78,705,707],{"id":706},"need-a-favicon-fast","Need a favicon fast?",[12,709,710],{},"Generate all required sizes for Apple, Android, and Web instantly.",[12,712,713],{},[328,714,715],{"href":695},"Open Favicon Generator",[31,717,719],{"id":718},"how-to-add-a-favicon-to-your-website","How to Add a Favicon to Your Website",[12,721,722],{},"Once you have your files, here is how to install them:",[39,724,725,741,747,753],{},[42,726,727,730,731,734,735,738],{},[16,728,729],{},"HTML:"," Upload the files to your root directory and add this code to your ",[610,732,733],{},"\u003Chead>"," section: ",[736,737],"br",{},[610,739,740],{},"\u003Clink rel=\"icon\" type=\"image/x-icon\" href=\"/favicon.ico\">",[42,742,743,746],{},[16,744,745],{},"WordPress:"," Go to Appearance > Customize > Site Identity > Site Icon. Upload your 512x512 image, and WordPress handles the rest.",[42,748,749,752],{},[16,750,751],{},"Webflow:"," Go to Project Settings > General > Icons. Upload the 32x32 pixel version for Favicon and 256x256 for Webclip.",[42,754,755,758],{},[16,756,757],{},"Squarespace:"," Go to Design > Browser Icon and upload your image.",[31,760,335],{"id":334},[12,762,763],{},[16,764,765],{},"What size should a favicon be?",[12,767,768,769,772],{},"For the source file, design at ",[16,770,771],{},"512x512 pixels",". This ensures high quality for the largest use case (PWA splash screens). Your generator tool will scale this down to the tiny 16x16 and 32x32 sizes needed for browsers.",[12,774,775],{},[16,776,777],{},"What file format should I use?",[12,779,780,781,783],{},"For maximum compatibility, provide a ",[610,782,634],{}," file in your site's root directory. For modern best practices, also provide PNG versions for mobile devices.",[12,785,786],{},[16,787,788],{},"Why isn't my favicon showing up?",[12,790,791],{},"Browsers cache favicons aggressively. If you updated it but don't see the change, try clearing your browser cache or opening your site in an Incognito window. Also, verify that the file path in your HTML code is correct.",[12,793,794],{},[16,795,796],{},"Can I use my full logo as a favicon?",[12,798,799],{},"Technically, yes, but it is not recommended. Full logos usually contain text, which becomes unreadable at 16 pixels wide. It is better to create a simplified \"mark\" or use the first letter of your brand name.",[12,801,802],{},[16,803,804],{},"How do I add a favicon in WordPress?",[12,806,807,808,811,812,815],{},"You don't need code. Log in to your dashboard, go to ",[16,809,810],{},"Appearance > Customise"," . Click on ",[16,813,814],{},"Site Identity",". Look for the \"Site Icon\" section and upload your image there. WordPress will crop and publish it for you.",[12,817,818],{},[504,819,820],{},[16,821,822],{},"Don't let a missing icon undermine your brand's credibility. Create your custom favicon today and look professional in every tab.",{"title":419,"searchDepth":420,"depth":420,"links":824},[825,826,827,828,829,830,833,834],{"id":471,"depth":420,"text":472},{"id":495,"depth":420,"text":496},{"id":522,"depth":420,"text":523},{"id":599,"depth":420,"text":600},{"id":642,"depth":420,"text":643},{"id":676,"depth":420,"text":677,"children":831},[832],{"id":706,"depth":426,"text":707},{"id":718,"depth":420,"text":719},{"id":334,"depth":420,"text":335},"Marketing","2026-04-10","Everything you need to know about favicons in 2026 — what they are, why they matter for branding and UX, and how to create one for free in minutes.","/blog/what-favicon-your-website-needs-one-make-it.webp",{},"/blog/what-favicon-your-website-needs-one-make-it",{"title":456,"description":837},"blog/what-favicon-your-website-needs-one-make-it",[844,467],"Digital Marketing","rR6J05WOExcPMT5xAdyBAGkiXQthx6GlOwFetekvaK8",{"id":847,"title":848,"author":7,"body":849,"category":835,"date":1229,"description":1230,"draft":443,"extension":444,"image":1231,"meta":1232,"navigation":447,"path":1233,"seo":1234,"stem":1235,"tags":1236,"__hash__":1238},"blog/blog/choose-brand-colours-that-actually-work-psychology.md","How to Choose Brand Colours That Actually Work (With Psychology)",{"type":9,"value":850,"toc":1219},[851,854,865,868,872,879,899,903,906,1048,1052,1055,1081,1092,1096,1103,1123,1132,1136,1139,1159,1163,1166,1170,1172,1177,1180,1185,1188,1193,1196,1201,1204,1209,1212],[12,852,853],{},"Choosing your brand colours often feels like a matter of personal taste. You might think, \"I like purple, so my logo should be purple.\" But in the world of marketing, colour is data, not just decoration.",[12,855,856,857,860,861,864],{},"Studies show that colour increases brand recognition by up to ",[16,858,859],{},"80%",". More importantly, up to ",[16,862,863],{},"85%"," of purchasing decisions are influenced by colour alone. When a customer scans a shelf or a search result, the colour is the very first signal their brain processes—faster than text, faster than shape.",[12,866,867],{},"The right colour palette can instantly make your brand feel trustworthy, exciting, or premium. The wrong one can make you look cheap, confusing, or invisible. Choosing your brand colours is a strategic business decision, and there is a science to getting it right.",[31,869,871],{"id":870},"why-brand-colours-matter-more-than-you-think","Why Brand Colours Matter More Than You Think",[12,873,874,875,878],{},"Psychologists have found that people form a first impression of a product or brand within ",[16,876,877],{},"90 seconds"," of initial viewing. Up to 90% of that assessment is based on colour alone.",[39,880,881,887,893],{},[42,882,883,886],{},[16,884,885],{},"Brand Recognition:"," Think of a red soft drink can. You immediately think \"Coca-Cola\". That is the power of owning a colour.",[42,888,889,892],{},[16,890,891],{},"Trust Signals:"," Would you trust a bank that used neon pink and lime green? Probably not. We have subconscious expectations for what \"reliability\" looks like.",[42,894,895,898],{},[16,896,897],{},"Differentiation:"," If every competitor in your niche uses blue, choosing orange instantly makes you the visible alternative.",[31,900,902],{"id":901},"colour-psychology-what-each-colour-communicates","Colour Psychology: What Each Colour Communicates",[12,904,905],{},"Every colour triggers specific psychological associations. While these can vary by culture, here are the standard meanings in Western marketing:",[39,907,908,925,946,961,977,993,1008,1024,1032],{},[42,909,910,912,913,916,917,920,921,924],{},[16,911,301],{}," Energy, urgency, passion, hunger. Used by ",[504,914,915],{},"Netflix"," (excitement), ",[504,918,919],{},"Coca-Cola"," (happiness), and ",[504,922,923],{},"YouTube"," (action). Excellent for clearance sales and food brands.",[42,926,927,930,931,934,935,934,938,941,942,945],{},[16,928,929],{},"Blue:"," Trust, stability, logic, calm. The most popular colour in branding. Used by ",[504,932,933],{},"Facebook",", ",[504,936,937],{},"PayPal",[504,939,940],{},"Samsung",", and ",[504,943,944],{},"Ford",". Standard for finance, tech, and healthcare.",[42,947,948,950,951,934,954,941,957,960],{},[16,949,307],{}," Growth, health, nature, money. Used by ",[504,952,953],{},"Spotify",[504,955,956],{},"Whole Foods",[504,958,959],{},"Starbucks",". Essential for sustainability and wellness brands.",[42,962,963,966,967,934,970,941,973,976],{},[16,964,965],{},"Yellow/Gold:"," Optimism, warmth, caution, speed. Used by ",[504,968,969],{},"McDonald's",[504,971,972],{},"IKEA",[504,974,975],{},"Snapchat",". High visibility, but it can be fatiguing to the eyes if overused.",[42,978,979,982,983,934,986,941,989,992],{},[16,980,981],{},"Orange:"," Friendliness, value, creativity, enthusiasm. Used by ",[504,984,985],{},"Amazon",[504,987,988],{},"Fanta",[504,990,991],{},"Harley-Davidson",". Often seen as a \"budget-friendly\" or \"fun\" alternative to aggressive red.",[42,994,995,997,998,934,1001,941,1004,1007],{},[16,996,313],{}," Luxury, wisdom, creativity, royalty. Used by ",[504,999,1000],{},"Cadbury",[504,1002,1003],{},"Hallmark",[504,1005,1006],{},"Twitch",". Bridges the gap between stimulating red and calm blue.",[42,1009,1010,1013,1014,934,1017,941,1020,1023],{},[16,1011,1012],{},"Black:"," Elegance, power, sophistication, exclusivity. Used by ",[504,1015,1016],{},"Apple",[504,1018,1019],{},"Chanel",[504,1021,1022],{},"Nike",". The standard for luxury fashion and premium tech.",[42,1025,1026,1028,1029,1031],{},[16,1027,295],{}," Purity, simplicity, modernism, hygiene. Used by ",[504,1030,1016],{}," products and minimalist skincare brands. Requires careful use of whitespace.",[42,1033,1034,1037,1038,934,1041,941,1044,1047],{},[16,1035,1036],{},"Pink:"," Care, femininity, playfulness, romance. Used by ",[504,1039,1040],{},"Barbie",[504,1042,1043],{},"Victoria's Secret",[504,1045,1046],{},"T-Mobile",". Increasingly used in tech to signal \"friendliness\" (e.g., Lyft).",[31,1049,1051],{"id":1050},"industry-colour-conventions","Industry Colour Conventions",[12,1053,1054],{},"Before you pick a colour, look at your industry. There are usually unwritten rules:",[39,1056,1057,1063,1069,1075],{},[42,1058,1059,1062],{},[16,1060,1061],{},"Finance & Tech:"," Dominated by Blue (trust) and Grey (logic).",[42,1064,1065,1068],{},[16,1066,1067],{},"Healthcare:"," Dominated by Blue (cleanliness) and Green (health).",[42,1070,1071,1074],{},[16,1072,1073],{},"Fast Food:"," Dominated by Red and Yellow (appetite stimulation).",[42,1076,1077,1080],{},[16,1078,1079],{},"Sustainability:"," Almost exclusively Green and Earth Tones.",[12,1082,1083,1084,1087,1088,1091],{},"You have two choices: ",[16,1085,1086],{},"Follow the convention"," to fit in and gain instant trust (e.g., a blue bank feels safe), or ",[16,1089,1090],{},"break the convention"," to stand out (e.g., a purple bank like Nubank signals disruption). Both are valid strategies, but be intentional about it.",[31,1093,1095],{"id":1094},"how-to-build-a-3-colour-brand-palette","How to Build a 3-Colour Brand Palette",[12,1097,1098,1099,1102],{},"A brand needs more than just one colour. The most effective palettes follow the ",[16,1100,1101],{},"60-30-10 Rule"," used by interior designers:",[648,1104,1105,1111,1117],{},[42,1106,1107,1110],{},[16,1108,1109],{},"Primary colour (60%):"," This is the dominant colour of your visual space. In modern web design, this is usually a neutral—White, Light Grey, or Dark Charcoal. It sets the stage.",[42,1112,1113,1116],{},[16,1114,1115],{},"Secondary colour (30%):"," This is your \"Brand\" colour. It is used for headers, logos, graphics, and backgrounds. It provides the personality.",[42,1118,1119,1122],{},[16,1120,1121],{},"Accent Colour (10%):"," This is your \"Action\" colour. It is used for buttons, links, and alerts. It must contrast sharply with the other two to draw the eye.",[12,1124,1125,1128,1129,1131],{},[16,1126,1127],{},"Pro Tip:"," If you are struggling to find colours that look good together, find a photo that embodies the \"vibe\" of your brand (e.g., a forest, a cityscape, a neon sign). Upload it to our ",[328,1130,416],{"href":415}," to instantly pull a harmonious colour scheme from reality.",[31,1133,1135],{"id":1134},"testing-your-brand-colours","Testing Your Brand Colours",[12,1137,1138],{},"Before you commit to a palette, you must stress-test it:",[39,1140,1141,1147,1153],{},[42,1142,1143,1146],{},[16,1144,1145],{},"The Monochrome Test:"," Does your logo still look good in black and white? If it relies entirely on colour for readability, it will fail on receipts or photocopies.",[42,1148,1149,1152],{},[16,1150,1151],{},"The Contrast Test:"," Do your colours have enough contrast for readability? Web accessibility standards (WCAG) require a contrast ratio of at least 4.5:1 for normal text.",[42,1154,1155,1158],{},[16,1156,1157],{},"The Dark Mode Test:"," Does your brand blue look vibrant on a dark background, or does it disappear? You may need a lighter variant for dark-mode interfaces.",[78,1160,1162],{"id":1161},"found-your-perfect-colours","Found your perfect colours?",[12,1164,1165],{},"Save them in every format (HEX, RGB, HSL) instantly.",[12,1167,1168],{},[328,1169,331],{"href":330},[31,1171,335],{"id":334},[12,1173,1174],{},[16,1175,1176],{},"How many brand colours should I have?",[12,1178,1179],{},"Keep it simple. Start with 3 core colours: a background neutral, a primary brand colour, and an accent action colour. You can add shades (lighter/darker versions) of these later, but a core palette of 3 ensures consistency.",[12,1181,1182],{},[16,1183,1184],{},"Can I change my brand colours after launch?",[12,1186,1187],{},"Yes, but be careful. \"Rebranding\" is expensive and risks confusing current customers. If you must change, try to evolve the colour (e.g., making your blue brighter) rather than changing the hue entirely, unless you are signalling a complete strategic pivot.",[12,1189,1190],{},[16,1191,1192],{},"What colours should I avoid?",[12,1194,1195],{},"Avoid neon colours for body text (hard to read). Avoid vibrating colour combinations (like pure red text on pure blue background), which cause eye strain. Avoid pale yellow on white backgrounds (invisible).",[12,1197,1198],{},[16,1199,1200],{},"How do I make brand colours accessible?",[12,1202,1203],{},"Focus on contrast. Ensure your text colour stands out clearly against your background colour. Use free online contrast checkers to verify your palette meets WCAG AA standards.",[12,1205,1206],{},[16,1207,1208],{},"What colour makes people trust a brand?",[12,1210,1211],{},"Blue is universally cited as the colour of trust, intelligence, and stability. This is why it is the default choice for banks, insurance companies, and social networks handling personal data.",[12,1213,1214],{},[504,1215,1216],{},[16,1217,1218],{},"Colour is a tool, not just a decoration. Choose wisely, use consistently, and your brand will build recognition with every interaction.",{"title":419,"searchDepth":420,"depth":420,"links":1220},[1221,1222,1223,1224,1225,1228],{"id":870,"depth":420,"text":871},{"id":901,"depth":420,"text":902},{"id":1050,"depth":420,"text":1051},{"id":1094,"depth":420,"text":1095},{"id":1134,"depth":420,"text":1135,"children":1226},[1227],{"id":1161,"depth":426,"text":1162},{"id":334,"depth":420,"text":335},"2026-04-08","Learn how to choose the perfect brand colour palette using colour psychology, industry norms and practical design rules. Free colour tools included.","/blog/choose-brand-colours-that-actually-work-psychology.webp",{},"/blog/choose-brand-colours-that-actually-work-psychology",{"title":848,"description":1230},"blog/choose-brand-colours-that-actually-work-psychology",[844,1237],"Brand Colors","HY1ukku0RYAA9vOlj9NsH_8zh3VHIg9xCGvAWlP5u48",1775986987238]