Apollo.io Brand Identity

A complete profile of Apollo.io's visual system — colors, typography, components, and personality — extracted from https://www.apollo.io/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.apollo.io/.
primary
#EBF212
rgb(235, 242, 18)

secondary
#9CA3AF
rgb(156, 163, 175)

accent
#EBF212
rgb(235, 242, 18)

background
#FFFFFF
rgb(255, 255, 255)

textPrimary
#000000
rgb(0, 0, 0)

link
#4B690B
rgb(75, 105, 11)

Typography

Each font links to its Google Fonts page where available.

primary
Soehne
Soehne Google Fonts →

heading
ABC Diatype
ABC Diatype Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.0635%2036.1087L16.0578%2023.0046C16.057%2020.9239%2018.2407%2019.5898%2020.0549%2020.5627L33.0838%2027.5486C32.0838%2029.2016%2030.8289%2030.6786%2029.3751%2031.925L19.1738%2022.3668C18.6326%2021.8598%2017.7793%2022.4095%2018.0023%2023.1215L21.9486%2035.72C20.6338%2036.0329%2019.263%2036.1989%2017.8539%2036.1989C17.2497%2036.1989%2016.6523%2036.1683%2016.0635%2036.1087Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.0105%2016.77L31.4705%206.39392C30.2362%204.92008%2028.7742%203.6486%2027.1384%202.63702L20.2306%2015.8767C19.2709%2017.716%2020.5871%2019.9298%2022.6396%2019.9288L35.6183%2019.923C35.6775%2019.3234%2035.7082%2018.7151%2035.7082%2018.0996C35.7082%2016.6683%2035.5436%2015.2761%2035.2338%2013.9406L22.7549%2017.9576C22.0526%2018.1837%2021.5103%2017.3187%2022.0105%2016.77Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0.0842758%2016.3383L13.0237%2016.3325C15.0764%2016.3317%2016.3923%2018.5454%2015.4327%2020.3846L8.56047%2033.5561C6.93095%2032.547%205.47394%2031.2801%204.24344%2029.8121L13.653%2019.4914C14.1531%2018.9427%2013.6107%2018.0777%2012.9084%2018.3037L0.485078%2022.3029C0.168551%2020.954%200%2019.5467%200%2018.0994C0%2017.5051%200.0290814%2016.9177%200.0842758%2016.3383Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M57.0218%203.78205H60.6172L72.556%2032.4477H68.5958L64.912%2023.327H52.6694L49.1387%2032.4477H45.3968L57.0218%203.78205ZM58.6968%208.35018L54.052%2019.9528H63.4944L58.6968%208.35018Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M96.0131%2022.4209C96.0131%2016.3054%20100.173%2011.8668%20105.904%2011.8668C111.66%2011.8668%20115.838%2016.3054%20115.838%2022.4209C115.838%2028.5365%20111.66%2032.9753%20105.904%2032.9753C100.173%2032.9753%2096.0131%2028.5365%2096.0131%2022.4209ZM99.7588%2022.4209C99.7588%2027.0223%20102.114%2029.8808%20105.904%2029.8808C109.721%2029.8808%20112.092%2027.0223%20112.092%2022.4209C112.092%2017.8197%20109.721%2014.9613%20105.904%2014.9613C102.114%2014.9613%2099.7588%2017.8197%2099.7588%2022.4209Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M142.109%2011.8668C136.353%2011.8668%20132.175%2016.3054%20132.175%2022.4209C132.175%2028.5365%20136.353%2032.9753%20142.109%2032.9753C147.84%2032.9753%20152%2028.5365%20152%2022.4209C152%2016.3054%20147.84%2011.8668%20142.109%2011.8668ZM142.109%2029.8808C138.292%2029.8808%20135.92%2027.0223%20135.92%2022.4209C135.92%2017.8197%20138.292%2014.9613%20142.109%2014.9613C145.9%2014.9613%20148.254%2017.8197%20148.254%2022.4209C148.254%2027.0223%20145.9%2029.8808%20142.109%2029.8808Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M122.206%2032.4477H118.59V3.78205H122.206V32.4477Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.807%2032.4477H129.424V3.78205H125.807V32.4477Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M84.6895%2032.9751C81.7329%2032.9751%2079.5182%2031.5396%2078.241%2029.7601V40H74.6249V12.3935H78.241V15.1162C79.521%2013.318%2081.7375%2011.8667%2084.6895%2011.8667C90.1907%2011.8667%2093.8867%2016.1079%2093.8867%2022.4208C93.8867%2028.7337%2090.1907%2032.9751%2084.6895%2032.9751ZM84.3427%2015.0488C80.6409%2015.0488%2078.081%2017.8451%2078.081%2021.8605V22.9813C78.081%2026.9965%2080.6409%2029.7926%2084.3427%2029.7926C87.9732%2029.7926%2090.1408%2027.0369%2090.1408%2022.4208C90.1408%2017.8047%2087.9732%2015.0488%2084.3427%2015.0488Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Apollo.io's actual button styles.

Input

input

backgroundtransparenttextColor#1A1A1AborderColornullborderRadius0pxshadownone

Button Primary

buttonPrimary

background#EBF212textColor#000000borderRadius8pxshadownone

Button Secondary

buttonSecondary

backgroundtransparenttextColor#000000borderColor#000000borderRadius8pxshadownone

Brand Personality

Tone: modern Energy: high Audience: sales professionals and businesses

Apollo.io Brand in the Wild

Image: apollo.io

Source: apollo.io

Image: zebscbyr1wzqjbx2.public.blob.vercel-storage.com

Source: apollo.io

Image: apollo.io

Source: apollo.io

Image: apollo.io

Source: apollo.io

Image: apollo.io

Source: apollo.io

Image: apollo.io

Source: apollo.io

Frequently Asked Questions

What is Apollo.io's primary brand color?
Apollo.io's primary brand color is #EBF212. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Apollo.io use?
Apollo.io uses Soehne for body text and ABC Diatype for headings. Fonts were detected on https://www.apollo.io/ as part of their live design system.

Does Apollo.io use a light or dark theme?
Apollo.io's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Apollo.io's logo?
Apollo.io's logo is available directly on their site (https://www.apollo.io/). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?
This profile was extracted from https://www.apollo.io/ 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 Apollo.io.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Soehne",
      "role": "body"
    },
    {
      "family": "ABC Diatype",
      "role": "heading"
    },
    {
      "family": "Founders Grotesk Mono",
      "role": "monospace"
    },
    {
      "family": "Season Mix",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#EBF212",
    "secondary": "#9CA3AF",
    "accent": "#EBF212",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#4B690B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Soehne",
      "heading": "ABC Diatype"
    },
    "fontStacks": {
      "heading": [
        "__seasonMix_8ad8a6",
        "__seasonMix_Fallback_8ad8a6"
      ],
      "body": [
        "Soehne"
      ],
      "paragraph": [
        "__abcDiatype_7121de",
        "__abcDiatype_Fallback_7121de"
      ]
    },
    "fontSizes": {
      "h1": "80px",
      "h2": "80px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#1A1A1A",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#EBF212",
      "textColor": "#000000",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#000000",
      "borderColor": "#000000",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2226%22%20viewBox%3D%220%200%20152%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M19.5993%200.0862365L19.605%2013.2568C19.6058%2015.3375%2017.4222%2016.6715%2015.6079%2015.6986L2.58376%208.7153C3.57706%207.05795%204.82616%205.57609%206.27427%204.32386L16.489%2013.8945C17.0303%2014.4015%2017.8835%2013.8518%2017.6605%2013.1398L13.6992%200.493553C15.0326%200.17147%2016.4233%200%2017.8536%200C18.4428%200%2019.0248%200.0296814%2019.5993%200.0862365Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.0635%2036.1087L16.0578%2023.0046C16.057%2020.9239%2018.2407%2019.5898%2020.0549%2020.5627L33.0838%2027.5486C32.0838%2029.2016%2030.8289%2030.6786%2029.3751%2031.925L19.1738%2022.3668C18.6326%2021.8598%2017.7793%2022.4095%2018.0023%2023.1215L21.9486%2035.72C20.6338%2036.0329%2019.263%2036.1989%2017.8539%2036.1989C17.2497%2036.1989%2016.6523%2036.1683%2016.0635%2036.1087Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.0105%2016.77L31.4705%206.39392C30.2362%204.92008%2028.7742%203.6486%2027.1384%202.63702L20.2306%2015.8767C19.2709%2017.716%2020.5871%2019.9298%2022.6396%2019.9288L35.6183%2019.923C35.6775%2019.3234%2035.7082%2018.7151%2035.7082%2018.0996C35.7082%2016.6683%2035.5436%2015.2761%2035.2338%2013.9406L22.7549%2017.9576C22.0526%2018.1837%2021.5103%2017.3187%2022.0105%2016.77Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0.0842758%2016.3383L13.0237%2016.3325C15.0764%2016.3317%2016.3923%2018.5454%2015.4327%2020.3846L8.56047%2033.5561C6.93095%2032.547%205.47394%2031.2801%204.24344%2029.8121L13.653%2019.4914C14.1531%2018.9427%2013.6107%2018.0777%2012.9084%2018.3037L0.485078%2022.3029C0.168551%2020.954%200%2019.5467%200%2018.0994C0%2017.5051%200.0290814%2016.9177%200.0842758%2016.3383Z%22%20fill%3D%22%23F8FF2C%22%20style%3D%22fill%3A%20rgb(248%2C%20255%2C%2044)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M57.0218%203.78205H60.6172L72.556%2032.4477H68.5958L64.912%2023.327H52.6694L49.1387%2032.4477H45.3968L57.0218%203.78205ZM58.6968%208.35018L54.052%2019.9528H63.4944L58.6968%208.35018Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M96.0131%2022.4209C96.0131%2016.3054%20100.173%2011.8668%20105.904%2011.8668C111.66%2011.8668%20115.838%2016.3054%20115.838%2022.4209C115.838%2028.5365%20111.66%2032.9753%20105.904%2032.9753C100.173%2032.9753%2096.0131%2028.5365%2096.0131%2022.4209ZM99.7588%2022.4209C99.7588%2027.0223%20102.114%2029.8808%20105.904%2029.8808C109.721%2029.8808%20112.092%2027.0223%20112.092%2022.4209C112.092%2017.8197%20109.721%2014.9613%20105.904%2014.9613C102.114%2014.9613%2099.7588%2017.8197%2099.7588%2022.4209Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M142.109%2011.8668C136.353%2011.8668%20132.175%2016.3054%20132.175%2022.4209C132.175%2028.5365%20136.353%2032.9753%20142.109%2032.9753C147.84%2032.9753%20152%2028.5365%20152%2022.4209C152%2016.3054%20147.84%2011.8668%20142.109%2011.8668ZM142.109%2029.8808C138.292%2029.8808%20135.92%2027.0223%20135.92%2022.4209C135.92%2017.8197%20138.292%2014.9613%20142.109%2014.9613C145.9%2014.9613%20148.254%2017.8197%20148.254%2022.4209C148.254%2027.0223%20145.9%2029.8808%20142.109%2029.8808Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M122.206%2032.4477H118.59V3.78205H122.206V32.4477Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.807%2032.4477H129.424V3.78205H125.807V32.4477Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%20d%3D%22M84.6895%2032.9751C81.7329%2032.9751%2079.5182%2031.5396%2078.241%2029.7601V40H74.6249V12.3935H78.241V15.1162C79.521%2013.318%2081.7375%2011.8667%2084.6895%2011.8667C90.1907%2011.8667%2093.8867%2016.1079%2093.8867%2022.4208C93.8867%2028.7337%2090.1907%2032.9751%2084.6895%2032.9751ZM84.3427%2015.0488C80.6409%2015.0488%2078.081%2017.8451%2078.081%2021.8605V22.9813C78.081%2026.9965%2080.6409%2029.7926%2084.3427%2029.7926C87.9732%2029.7926%2090.1408%2027.0369%2090.1408%2022.4208C90.1408%2017.8047%2087.9732%2015.0488%2084.3427%2015.0488Z%22%20fill%3D%22%23000000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
}