A simple color palette that floats alongside your design tools. Copy hex codes instantly. Keep brand consistency effortless.
This is a real, working BuddyBar. Click a swatch and the code is on your clipboard. Drag the bar wherever you like. That's the whole app.
Click a color, it's copied. Everything else just keeps your palette tidy.
Live demo: pick a format, then click a swatch.
Click any swatch and the code lands on your clipboard as HEX, RGB, HSL, or a CSS variable. You pick the default. Your last 8 copied colors stay one click away too.
Live demo: switch brands, every color still copies.
Add as many colors as you need and group them into templates: one per brand, client, or project. Export any template as a .buddybar file and hand it to a teammate. No account needed, ever.
Live demo: this palette has problems. Click the wand.
One click audits your palette: it finds near-duplicate colors, checks contrast, reads the color harmony, and suggests roles like Primary, Accent, and Background. Plain English, no color theory degree required.
Park the bar wherever it helps, or show and hide it with a keyboard shortcut, even system-wide on Mac and Windows.
See 10 lighter-to-darker steps of any color and click the one you want. Instant tonal scales.
Pick any color straight off your screen, in every version. In Chrome, you can also pull a whole page's main colors into a new template.
Generate a dark-background twin of any template, with readability fixed automatically.
Preview your palette through different types of color vision, with plain-English warnings when two colors look alike.
Lock a color or a whole template so a finished brand palette can't be nudged by accident.
Let your AI coding assistants read your palette so you stop pasting hex codes into prompts. Ask your AI what your brand colors are, or tell it to use them, and it already knows.
Every page starts clean; the bar appears only when you ask. Ideal for days spent reading decks, not editing them.
Browser, menu bar, or system tray. Run one, or all three — they keep each other in sync.
For browser-based design tools
Works with:
Figma, Canva, Articulate Rise, Adobe Express, Webflow, Framer, Miro, Notion, Spline, Penpot, Chameleon Creator, and Google Slides, Docs & Sheets.
Any app on your Mac • macOS 14.6+
Works everywhere:
Photoshop, Illustrator, InDesign, Affinity, Sketch, Procreate, Microsoft Office, Keynote, Pages, Numbers, and literally any app where you need colors.
Any app on your PC • Windows 10+
Works everywhere:
Adobe Photoshop, Illustrator, After Effects, Captivate, Articulate Storyline, Blender, Office, and literally any app where you need colors.
Use them together? Colors sync automatically between Chrome and your desktop app on the same computer. Cloud sync keeps multiple devices in sync:
Real reviews, typos and all.
"Super handy! I use it with Articulate Rise, and it's great for keeping multiple brand colors handy. Much easier than repeatedly cutting and pasting hex codes!"
"Love this extension! My old work arounds for saving hex codes was pretty clunky and disorganized. Having the ability to make different templates for different projects is a huge convenience. Also its nice and clean. Thanks!"
No account, no trial, no catch. Your colors, one click away in every tool you use.
Use all three and they sync on their own.
This is version 6.2. Already on 6.1? BuddyBar offers the update from inside the app. On Mac 5.0 or earlier, a bug blocked in-app updates — download this one manually and future updates work from within the app. Either way, your palettes are saved automatically.
One set of brand colors for your whole team — always current, on every computer.
No spam — one email when Teams is ready, nothing else.
You're on the list! We'll email you when Teams is ready. 🎨
Something went wrong — please try again, or email us via the support page.