ZOKO Brand: Colors, Fonts, Logo & Visual Identity

ZOKO Brand Identity

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

Color Palette

Brand palette extracted from https://www.zoko.io/.

primary

#068466
rgb(6, 132, 102)

secondary

#1863DC
rgb(24, 99, 220)

accent

#FF6937
rgb(255, 105, 55)

background

#FFFFFF
rgb(255, 255, 255)

textPrimary

#222525
rgb(34, 37, 37)

link

#FF6937
rgb(255, 105, 55)

Typography

Each font links to its Google Fonts page where available.

primary

DM Sans

heading

Zilla Slab

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using ZOKO's actual button styles.

Button Primary
buttonPrimary

background: #FF6937
textColor: #FFFFFF
borderColor: #FC9F5B
borderRadius: 5px
shadow: rgba(0, 0, 0, 0) 0px 0px 100px 100px inset

Button Secondary
buttonSecondary

background: #1863DC
textColor: #FFFFFF
borderColor: #1863DC
borderRadius: 2px
shadow: none

Brand Personality

Tone: modern
Energy: high
Audience: businesses using WhatsApp for communication

ZOKO Brand in the Wild

Image: cdn.prod.website-files.com
Source: zoko.io

Frequently Asked Questions

What is ZOKO's primary brand color?
ZOKO's primary brand color is #068466. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does ZOKO use?
ZOKO uses #FF6937 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does ZOKO use?
ZOKO uses DM Sans for body text and Zilla Slab for headings. Fonts were detected on https://www.zoko.io/ as part of their live design system.
Does ZOKO use a light or dark theme?
ZOKO's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find ZOKO's logo?
ZOKO's logo is available directly on their site (https://www.zoko.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.zoko.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 ZOKO.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    },
    {
      "family": "Zilla Slab",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#068466",
    "secondary": "#1863DC",
    "accent": "#FF6937",
    "background": "#FFFFFF",
    "textPrimary": "#222525",
    "link": "#FF6937"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "Zilla Slab"
    },
    "fontStacks": {
      "heading": [
        "Zilla Slab",
        "sans-serif"
      ],
      "body": [
        "DM Sans",
        "sans-serif"
      ],
      "paragraph": [
        "DM Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "54px",
      "h2": "40px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF6937",
      "textColor": "#FFFFFF",
      "borderColor": "#FC9F5B",
      "borderRadius": "5px",
      "borderRadiusCorners": {
        "topLeft": "5px",
        "topRight": "5px",
        "bottomRight": "5px",
        "bottomLeft": "5px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 100px 100px inset"
    },
    "buttonSecondary": {
      "background": "#1863DC",
      "textColor": "#FFFFFF",
      "borderColor": "#1863DC",
      "borderRadius": "2px",
      "borderRadiusCorners": {
        "topLeft": "2px",
        "topRight": "2px",
        "bottomRight": "2px",
        "bottomLeft": "2px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/62c7d8a855813a593f39ae0c/62c7d8a855813ad09c39b08b_Horisontal_Digital_black_small_new.webp",
    "favicon": "https://cdn.prod.website-files.com/62c7d8a855813a593f39ae0c/63a19ef454dbb224002bf374_Safeimagekit-resized-imgpng.png",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "zoko-logo.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "businesses using WhatsApp for communication"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}