Brand Guidelines
We've put together our logos, colors, and usage rules in one place so you can represent Chatwoot accurately. Use these resources when mentioning us in press, partner pages, integrations, or community projects.
Logo variants
Our logo comes in several variants to ensure it looks great in every context. Use the version that provides the best contrast against the background.
On white - Primary variant. Blue icon with dark wordmark for light backgrounds.
Icon mark - Use when space is limited or as an app icon.
On dark - Blue icon with white wordmark for dark backgrounds.
Monochrome white - All-white variant for dark or photographic backgrounds.
Monochrome black - All-black variant for light backgrounds when color is not available.
Color palette
Our brand uses a focused palette built around Chatwoot Blue. These colors ensure consistency across all touchpoints.
Chatwoot Blue
#2781F6
Logo usage guidelines
Please follow these guidelines to ensure our brand is represented consistently.
Use provided variants
Always use the official logo files. Choose the variant that provides the best contrast.
Maintain clear space
Keep a minimum clear space around the logo equal to the height of the icon mark.
Use the icon mark standalone
The icon mark can be used alone as an app icon or avatar when the full logo won't fit.
Don't alter the colors
Do not change the logo colors outside of the approved variants shown above.
Don't stretch or distort
Always maintain the original proportions. Never stretch, compress, or rotate the logo.
Don't add effects
Do not add shadows, outlines, gradients, or other visual effects to the logo.
Download brand assets
Need the logo files? Download our complete brand kit including SVG, PNG, and other formats.