Onyx Brand Identity

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

Color Palette

Brand palette extracted from https://www.onyx.app/.

• Primary: #286DF8
• Secondary: #E7EFFC
• Accent: #286DF8
• Background: #FFFFFF
• Text Primary: #1A1A1A
• Link: #CDDFFF

Typography

Each font links to its Google Fonts page where available.

• Primary: KH Teka Google Fonts →
• Heading: KH Teka Google Fonts →

UI Components

Live previews rendered using Onyx's actual button styles.

• Input

  • background: transparent
  • textColor: #19191E
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary

  • background: #FFFFFF
  • textColor: #1A1A1A
  • borderColor: #1C1C1C
  • borderRadius: 0px
  • shadow: none

• Button Secondary

  • background: #1C1C1C
  • textColor: #FFFFFF
  • borderColor: #286DF8
  • borderRadius: 0px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: enterprise users

Onyx Brand in the Wild

Source: onyx.app

Source: onyx.app

Source: onyx.app

Source: onyx.app

Source: onyx.app

Source: onyx.app

Frequently Asked Questions

• What is Onyx's primary brand color? Onyx's primary brand color is #286DF8. It anchors the visual identity across their website, product UI, and marketing materials.

• What font does Onyx use? Onyx uses KH Teka as the primary typeface across body and headings.

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

• Where can I find Onyx's logo? Onyx's logo is available directly on their site (https://www.onyx.app/). 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.onyx.app/ using the Firecrawl branding extraction API.