Brand Assets

Guidelines and resources for using our brand elements.

Logos

To preserve the brand's visual identity, the logo should remain unaltered—no distortion, inversion, or repositioning is permitted.

Logo for Dark Backgrounds

Please use this logo variation on dark backgrounds to ensure optimal visibility and maintain brand consistency.

SVG

PNG

Logo for Light Backgrounds

Please use this variation of the logo when placed on light or white backgrounds for better contrast and clarity.

SVG

PNG

Icon on Dark Backgrounds

Please use the light or inverted version of the icon to maintain visibility and contrast against darker surfaces.

SVG

PNG

Icon on Light Backgrounds

Please use the standard or dark-colored version of the icon for best legibility and brand consistency when placed on white or light backgrounds.

SVG

PNG

Logo Guidelines

To ensure consistent and professional use of the CodeRabbit logo across all platforms, please follow these guidelines:

Logo Correct Color Uses

These are the correct logo + background color combinations. Do not use other backgrounds that are not specified in this page

Colors Don’ts

Don’t use other color combinations other than the ones specified previously in the guidelines. CodeRabbit orange does not contrast well over black.

Color Palette

A bold, vibrant palette designed for clarity, contrast, and the energetic spirit of CodeRabbit.

Primary Accent

Orange

Orange-500

#FF570A

rgb(255, 87, 10)

CMYK: 0%, 66%, 96%, 0%

Secondary Accents

Pink

Pink-500

#F2B8EB

rgb(242, 184, 235)

CMYK: 0%, 24%, 3%, 5%

Aquamarine

Aquamarine-500

#25BAB1

rgb(37, 186, 177)

CMYK: 80%, 0%, 5%, 27%

Tertiary Accent

Yellow

Yellow-500

#F0DF22

rgb(240, 223, 34)

CMYK: 0%, 7%, 86%, 6%

Text and Main Backgrounds

Cream

Cream-300 (Light)

#F6F6F1

rgb(246, 246, 241)

CMYK: 0%, 0%, 2%, 4%

Neutral

Neutral-900 (Dark)

#171717

rgb(23, 23, 23)

CMYK: 0%, 0%, 0%, 91%