OpenClaw Logo: Brand Assets, Usage Guidelines, and Where to Download

If you're building an integration, writing a tutorial, or publishing a comparison post, you'll need the official OpenClaw logo. This guide covers every logo variant, the brand color palette, correct usage rules, and where to grab the files.

Where to Find the Official OpenClaw Logo

The canonical source for OpenClaw brand assets is the official documentation site at docs.openclaw.ai. The brand/assets section lists every approved file format and variant.

You can also find SVG and PNG exports in the OpenClaw GitHub repository under the /assets/brand/ directory. If you're looking for high-resolution files for print or large-format use, the GitHub source is the most reliable place to pull from since it tracks any official updates.

For quick grabs:

• docs.openclaw.ai/brand — official brand page with direct downloads
• github.com/openclaw/openclaw — repo source including /assets/brand/

Always pull from one of these two sources. Third-party logo packs floating around on icon sites are often outdated, compressed, or recolored.

Logo Variants

OpenClaw ships four main logo variants designed to work across different background contexts:

Light Mode Logo (Full Color)

Used on white or light-gray backgrounds. This is the primary logo — the one you'll see on the OpenClaw homepage and official docs. It includes the wordmark and the claw icon together in the standard horizontal lockup.

Best for: Blog headers, light-mode documentation, white-background slides.

Dark Mode Logo (Inverted)

The same horizontal lockup, adapted for dark backgrounds. The wordmark and icon switch to white/light variants so contrast stays sharp.

Best for: Dark-theme documentation, README files with dark mode, terminal-style blog posts, GitHub README banners.

Icon Only (Logomark)

The claw icon without the wordmark. Use this when space is tight — favicons, app icons, social media profile images, or inline badges.

File formats available: SVG (vector, scalable to any size), PNG at 512×512 and 256×256.

Horizontal Lockup (Full Logo)

The standard icon + wordmark side by side. This is the default brand representation for most use cases.

Official Brand Colors

Using off-brand colors makes integrations look unofficial. Stick to these:

Color	Hex	Use
Primary Blue	#2563EB	Main brand accent, CTAs
Dark Background	#0F172A	Dark mode backgrounds
Off-White	#F8FAFC	Light mode backgrounds
Text Dark	#1E293B	Primary text on light
Muted Gray	#64748B	Secondary text, borders

The core brand is built on a blue-primary, dark-secondary palette. If you're designing an integration badge or a "Powered by OpenClaw" element, use the primary blue against white or the dark background.

Correct Logo Usage

Do This

• Use the logo at its original proportions — no stretching or squashing
• Maintain adequate clear space around the logo (at minimum, the height of the "O" in OpenClaw on all four sides)
• Use the dark-mode variant on dark backgrounds and the light-mode variant on light backgrounds
• Use SVG format wherever possible for sharpness at any size
• Credit OpenClaw when publishing tutorials, reviews, or comparison posts that feature the logo

What NOT to Do

• Don't recolor the logo. No custom brand colors, gradients, or tints unless you're using an officially approved monochrome version
• Don't add effects — no drop shadows, glows, outlines, or bevels
• Don't rotate or skew the logo
• Don't place the logo on a busy background where it competes visually — use a clean solid color or a transparent overlay
• Don't use the logo to imply endorsement if you haven't received one. "Integrates with OpenClaw" is fine; "Officially endorsed by OpenClaw" is not unless it's true
• Don't crop the claw icon out of context and use it separately if the full lockup is needed for brand recognition

Community and Integration Usage

If you're building something on top of OpenClaw — a custom skill, a plugin, an integration connector — you're encouraged to use the logo to show compatibility. The general rules:

Use "Works with OpenClaw" or "Powered by OpenClaw" rather than displaying the logo as if your product is OpenClaw itself. This keeps the brand clear and your own product identity separate.

For GitHub README files, a common pattern is:

[![Built with OpenClaw](https://img.shields.io/badge/Built%20with-OpenClaw-2563EB?style=flat-square)](https://openclaw.ai)

This creates a clean badge without needing to host the logo yourself.

For blog posts, tutorials, and documentation pages, place the logo in a context where it's clearly illustrative — not in a header position that implies your site is an official OpenClaw property.

Downloading the Logo Files

Direct from GitHub:

https://github.com/openclaw/openclaw/tree/main/assets/brand

Files you'll typically find there:

• openclaw-logo-light.svg
• openclaw-logo-dark.svg
• openclaw-icon.svg
• openclaw-icon-512.png
• openclaw-icon-256.png

From the docs site: Navigate to docs.openclaw.ai and look for the Brand Assets section. Downloads are packaged as a ZIP with all variants and a color reference sheet.

Logo in Practice: Real Examples

Blog Post Headers

When writing a post like "What is OpenClaw" or "How to Install OpenClaw", place the light-mode horizontal lockup at the top. Keep the background white or very light gray. Scale the logo to no wider than 200px in a header context so it doesn't dominate the layout.

README Banners

For GitHub projects that extend OpenClaw, the dark-mode logo on a #0F172A background creates a clean, consistent look that matches OpenClaw's own GitHub presence.

Integration Docs

If you're documenting an API integration or a custom skill, include the icon-only variant inline with a "Requires OpenClaw" note. Keep it at 24×24 or 32×32 pixels for inline text-adjacent use.

Summary

Getting the logo right matters. Use the official sources, respect the brand colors, and follow the placement rules. If you're building in the OpenClaw ecosystem — skills, integrations, tutorials — the logo is the fastest visual signal that tells your audience what platform you're working with.

For related reading, check out OpenClaw Skills and How to Use OpenClaw to understand the product behind the brand.

---

Running an AI-powered business on autopilot starts with clear workflows, strong skills, and an always-on deployment.