Osmosis Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Note: Not found on Google Fonts? Instructions for font usage included.

Visual Assets

UI Components

Live previews rendered using Osmosis's actual button styles.

Button Primary

• Background: #E0EEE6
• Text Color: #4962FF
• Border Radius: 4px
• Shadow: none

Button Secondary

• Background: #1A1A1A
• Text Color: #BAC4BE
• Border Color: #66726B
• Border Radius: 4px
• Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech professionals

Osmosis Brand in the Wild

Frequently Asked Questions

• What is Osmosis's primary brand color?
  Osmosis's primary brand color is #AFCFC7.

• What accent color does Osmosis use?
  Osmosis uses #E0EEE6 as an accent color.

• What font does Osmosis use?
  Osmosis uses Neuehaasgroteskdisplay for body text and Px Grotesk for headings.

• Does Osmosis use a light or dark theme?
  Osmosis's primary site uses a dark color scheme, with a background of #1A1A1A.

• Where can I find Osmosis's logo?
  Osmosis's logo is available directly on their site (https://osmosis.ai/).

• How was this brand profile generated?
  This profile was extracted from https://osmosis.ai/ using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://osmosis.ai/ on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Px Grotesk",
      "role": "heading"
    },
    {
      "family": "Neuehaasgroteskdisplay",
      "role": "body"
    },
    {
      "family": "205 Tf Exposure 0",
      "role": "display"
    },
    {
      "family": "Georgia",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#AFCFC7",
    "secondary": "#4962FF",
    "accent": "#E0EEE6",
    "background": "#1A1A1A",
    "textPrimary": "#1A1A1A",
    "link": "#3898EC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Neuehaasgroteskdisplay",
      "heading": "Px Grotesk"
    },
    "fontStacks": {
      "heading": [
        "205 Tf Exposure 0",
        "Georgia",
        "sans-serif"
      ],
      "body": [
        "Neuehaasgroteskdisplay",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Px Grotesk",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "14px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#E0EEE6",
      "textColor": "#4962FF",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#1A1A1A",
      "textColor": "#BAC4BE",
      "borderColor": "#66726B",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/68e57e4c53b55278417c1e17/68e57e4c53b55278417c1e24_Logo.svg",
    "favicon": "https://cdn.prod.website-files.com/68e57e4c53b55278417c1e17/68e58f3a520c5526181af8be_Favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/68e57e4c53b55278417c1e17/68e59277aaa362cb3c144f66_a52a70f75bca1833de4b26e57e464b3d_Opengraph.jpg"
  }
}