Your Brand Colors,
Always One Click Away

A simple color palette that floats alongside your design tools. Copy hex codes instantly. Keep brand consistency effortless.

Get BuddyBar Free
Chrome Extension Mac App

Simple by Design

No learning curve. Just your colors, always accessible.

BuddyBar copy notification in action

One-Click Copy

Click any swatch to copy the hex code. Paste it anywhere. That's it.

Template management dropdown

Unlimited Swatches & Templates

Add as many colors as you need. Organize them into templates for different brands or projects. Drag to reorder.

Dragging BuddyBar to different positions

Drag Anywhere

Position BuddyBar wherever works best for your workflow. Use the keyboard shortcut to show/hide instantly (Chrome: ⌃⇧B Mac / Ctrl+Alt+B Windows; Mac App: ⌃⌥B global).

Export & Share

Download templates as .buddybar files and share them with your team. Drag to import. No account needed.

Choose Your Version

Pick the option that fits your workflow — or use both for seamless sync

Chrome Extension

For browser-based design tools

BuddyBar Chrome extension in Figma
Inline color bar in supported sites
Auto-positions for each tool
Real-time sync across tabs
OR

Mac App

For any application on your Mac • macOS Sonoma 14.6+

BuddyBar Mac app in menu bar
Works in ANY app
Lives in your menu bar
System-wide keyboard shortcut

Works everywhere:

Photoshop, Illustrator, InDesign, Affinity, Sketch, Procreate, Microsoft Office, Keynote, Pages, Numbers, and literally any app where you need colors.

Use both? Colors sync automatically between Chrome and Mac on the same computer — no account needed.

How It Works

Get started with BuddyBar in three simple steps

1

Install

Add BuddyBar to Chrome for browser-based tools, download the Mac app for system-wide access, or use both for automatic sync.

BuddyBar appearing in design tools
2

Set Your Colors

Right-click any swatch to customize colors. Add unlimited swatches and create templates for different brands or projects.

Color editor popup interface
3

Copy & Design

Click any swatch to copy the hex code. Use keyboard shortcuts to toggle visibility (Chrome: ⌃⇧B Mac / Ctrl+Alt+B Windows; Mac App: ⌃⌥B global). Your colors stay synced across Chrome and Mac.

Copying and pasting colors

What's New in v4.2

Appearance settings, improved visibility, and tons of improvements

Mac Appearance setting - Choose System, Light, or Dark mode for the color bar
Mac Improved visibility - Fully opaque background for better readability
Mac Dark mode support - UI adapts to your system appearance preference
Mac Native macOS app - Access your colors from any application via the menu bar
Both Chrome ↔ Mac sync - Colors sync automatically between both versions
Both Keyboard shortcuts - Chrome: ⌃⇧B (Mac) / Ctrl+Alt+B (Windows). Mac App: ⌃⌥B global shortcut system-wide.
Mac Automatic updates - Built-in update system keeps your app current with new features
View Full Changelog

Ready to Transform Your Design Workflow?

Join designers, marketers, and creators who use BuddyBar to maintain perfect brand consistency across every tool.

Add to Chrome - Free Works on supported sites
Download for Mac - Free macOS Sonoma 14.6+ • Works in any app

Use both for automatic local sync — no account required

Works with 13+ design tools • No account required • Always free

Get in Touch

Have questions about BuddyBar or want to share feedback?