CodeRabbit Brand Identity

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

Color Palette

Brand palette extracted from https://www.coderabbit.ai/.

• primary: #CBCCDC
• rgb(203, 204, 220)
• secondary: #ABA7B6
• rgb(171, 167, 182)
• accent: #FF570A
• rgb(255, 87, 10)
• background: #09080C
• rgb(9, 8, 12)
• textPrimary: #09080C
• rgb(9, 8, 12)
• link: #FF570A
• rgb(255, 87, 10)

Typography

Each font links to its Google Fonts page where available.

• primary: IBM Plex Mono
  • IBM Plex Mono Google Fonts →
• heading: IBM Plex Mono
  • IBM Plex Mono Google Fonts →

UI Components

Live previews rendered using CodeRabbit's actual button styles.

• Input:

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

• Button Primary:

  • background: #09080C
  • textColor: #FF570A
  • borderColor: #FF570A
  • borderRadius: 0px
  • shadow: none

• Button Secondary:

  • background: #FFFFFF
  • textColor: #000000
  • borderRadius: 4px
  • shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.2) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 0px 10px 0px inset

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech companies

Frequently Asked Questions

• What is CodeRabbit's primary brand color?
  CodeRabbit's primary brand color is #CBCCDC. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does CodeRabbit use?
  CodeRabbit uses #FF570A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does CodeRabbit use?
  CodeRabbit uses IBM Plex Mono as the primary typeface across body and headings.
• Does CodeRabbit use a light or dark theme?
  CodeRabbit's primary site uses a dark color scheme, with a background of #09080C.
• Where can I find CodeRabbit's logo?
  CodeRabbit's logo is available directly on their site (https://www.coderabbit.ai/).

Visual Assets

Machine-Readable Profile

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