CoLoop Brand: Colors, Fonts, Logo & Visual Identity

CoLoop Brand Identity

A complete profile of CoLoop's visual system — colors, typography, components, and personality — extracted from https://coloop.ai/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://coloop.ai/.

Color Hex RGB
Primary #0000EE rgb(0, 0, 238)
Accent #B27DBC rgb(178, 125, 188)
Background #FFFFFF rgb(255, 255, 255)
Text Primary #000000 rgb(0, 0, 0)
Link #B27DBC rgb(178, 125, 188)

Typography

Each font links to its Google Fonts page where available.

Font Role Font Name
Primary Google Sans Flex
Heading Montserrat

Visual Assets

)%22%2F%3E%3Cpath%20d%3D%22M%2042.932%2015.295%20C%2042.754%2015.118%2042.467%2015.118%2042.292%2015.292%20C%2041.413%2016.169%2040.336%2016.614%2039.094%2016.614%20C%2037.852%2016.614%2036.619%2016.144%2035.782%2015.291%20C%2034.94%2014.435%2034.477%2013.227%2034.477%2011.892%20C%2034.477%2010.557%2034.94%209.351%2035.782%208.495%20C%2036.619%207.641%2037.795%207.172%2039.094%207.172%20C%2040.393%207.172%2041.409%207.612%2042.294%208.48%20C%2042.468%208.651%2042.754%208.649%2042.93%208.477%20L%2043.969%207.462%20C%2044.147%207.289%2044.152%207.008%2043.98%206.825%20C%2042.762%205.523%2040.988%204.807%2038.981%204.807%20C%2036.974%204.807%2035.202%205.518%2033.901%206.808%20C%2032.596%208.104%2031.875%209.91%2031.875%2011.893%20C%2031.875%2013.877%2032.594%2015.682%2033.898%2016.979%20C%2035.196%2018.269%2036.995%2018.98%2038.962%2018.98%20C%2040.93%2018.98%2042.747%2018.281%2043.981%2016.96%20C%2044.151%2016.776%2044.147%2016.497%2043.971%2016.323%20L%2042.931%2015.295%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2050.422%208.119%20C%2047.294%208.119%2045.024%2010.386%2045.024%2013.511%20C%2045.024%2016.635%2047.295%2018.922%2050.422%2018.922%20C%2051.949%2018.922%2053.331%2018.382%2054.314%2017.401%20C%2055.298%2016.418%2055.84%2015.037%2055.84%2013.511%20C%2055.84%2011.984%2055.298%2010.609%2054.314%209.63%20C%2053.332%208.656%2051.95%208.119%2050.422%208.119%20Z%20M%2050.422%2016.692%20C%2048.72%2016.692%2047.532%2015.385%2047.532%2013.511%20C%2047.532%2011.637%2048.72%2010.329%2050.422%2010.329%20C%2052.124%2010.329%2053.332%2011.637%2053.332%2013.511%20C%2053.332%2015.385%2052.135%2016.692%2050.422%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2066.636%2016.497%20L%2060.532%2016.497%20C%2060.362%2016.497%2060.224%2016.359%2060.224%2016.19%20L%2060.224%205.453%20C%2060.224%205.203%2060.021%205.001%2059.771%205.001%20L%2058.093%205.001%20C%2057.843%205.001%2057.64%205.203%2057.64%205.453%20L%2057.64%2018.333%20C%2057.64%2018.582%2057.843%2018.785%2058.093%2018.785%20L%2066.634%2018.785%20C%2066.885%2018.785%2067.088%2018.582%2067.088%2018.333%20L%2067.088%2016.948%20C%2067.088%2016.698%2066.885%2016.496%2066.634%2016.496%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2073.13%208.119%20C%2070.001%208.119%2067.732%2010.386%2067.732%2013.511%20C%2067.732%2016.635%2070.003%2018.922%2073.13%2018.922%20C%2074.657%2018.922%2076.039%2018.382%2077.022%2017.401%20C%2078.006%2016.418%2078.548%2015.037%2078.548%2013.511%20C%2078.548%2011.984%2078.006%2010.609%2077.022%209.63%20C%2076.04%208.656%2074.658%208.119%2073.13%208.119%20Z%20M%2073.13%2016.692%20C%2071.428%2016.692%2070.24%2015.385%2070.24%2013.511%20C%2070.24%2011.637%2071.428%2010.329%2073.13%2010.329%20C%2074.832%2010.329%2076.04%2011.637%2076.04%2013.511%20C%2076.04%2015.385%2074.843%2016.692%2073.13%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2085.228%208.119%20C%2082.099%208.119%2079.829%2010.386%2079.829%2013.511%20C%2079.829%2016.635%2082.1%2018.922%2085.228%2018.922%20C%2086.754%2018.922%2088.136%2018.382%2089.119%2017.401%20C%2090.103%2016.418%2090.645%2015.037%2090.645%2013.511%20C%2090.645%2011.984%2090.103%2010.609%2089.119%209.63%20C%2088.137%208.656%2086.755%208.119%2085.228%208.119%20Z%20M%2085.228%2016.692%20C%2083.526%2016.692%2082.337%2015.385%2082.337%2013.511%20C%2082.337%2011.637%2083.526%2010.329%2085.228%2010.329%20C%2086.93%2010.329%2088.137%2011.637%2088.137%2013.511%20C%2088.137%2015.385%2086.94%2016.692%2085.228%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2097.845%208.119%20C%2096.495%208.119%2095.377%208.586%2094.598%209.472%20L%2094.598%208.667%20C%2094.598%208.428%2094.403%208.234%2094.163%208.234%20L%2092.654%208.234%20C%2092.414%208.234%2092.219%208.428%2092.219%208.667%20L%2092.219%2022.132%20C%2092.219%2022.37%2092.414%2022.564%2092.654%2022.564%20L%2094.275%2022.564%20C%2094.515%2022.564%2094.71%2022.37%2094.71%2022.132%20L%2094.71%2017.637%20C%2095.491%2018.478%2096.571%2018.92%2097.844%2018.92%20C%20100.879%2018.92%20102.999%2016.695%20102.999%2013.509%20C%20102.999%2010.324%20100.879%208.118%2097.844%208.118%20Z%20M%2097.582%2016.692%20C%2095.87%2016.692%2094.673%2015.384%2094.673%2013.511%20C%2094.673%2011.637%2095.87%2010.329%2097.582%2010.329%20C%2099.295%2010.329%20100.473%2011.637%20100.473%2013.511%20C%20100.473%2015.384%2099.284%2016.692%2097.582%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using CoLoop's actual button styles.

Component Background Text Color Border Radius Shadow
Button Primary #B27DBC #000000 500px none
Button Secondary #E6EAED #0000EE 500px none

Brand Personality

Tone: modern
Energy: medium
Audience: Researchers and data analysts

CoLoop Brand in the Wild

Brand Assets

  1. Source: coloop.ai
  2. Source: coloop.ai
  3. Source: coloop.ai
  4. Source: coloop.ai
  5. Source: coloop.ai
  6. Source: coloop.ai

Frequently Asked Questions

  1. What is CoLoop's primary brand color? CoLoop's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.
  2. What accent color does CoLoop use? CoLoop uses #B27DBC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
  3. What font does CoLoop use? CoLoop uses Google Sans Flex for body text and Montserrat for headings. Fonts were detected on https://coloop.ai/ as part of their live design system.
  4. Does CoLoop use a light or dark theme? CoLoop's primary site uses a light color scheme, with a background of #FFFFFF.
  5. Where can I find CoLoop's logo? CoLoop's logo is available directly on their site (https://coloop.ai/). The current logo URL is included in the machine-readable JSON profile linked above.
  6. How was this brand profile generated? This profile was extracted from https://coloop.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by CoLoop.