BuddyBar

Color palette manager for designers. Save, organize, and instantly access your brand colors while working in web-based design tools.

BuddyBar is a color palette manager that keeps your brand colors within reach while you work. Save unlimited color palettes, copy colors to your clipboard with one click, and stay consistent across all your design projects. BuddyBar appears as a floating toolbar on supported design sites, giving you instant access to your colors without switching tabs. KEY FEATURES • Unlimited color palettes with easy template switching • One-click copy to clipboard in HEX format • See how others see it — preview your palette through different types of color blindness, with warnings when colors might look alike • Make a dark version — instantly turn any palette into a dark-mode version with readability fixed automatically • Recent colors — quickly grab the last colors you copied • Eye dropper tool to pick colors directly from any webpage • Extract colors from images by dragging them onto the bar • Generate color schemes (complementary, analogous, triadic, and more) • Accessibility checker with WCAG contrast ratings and one-click fixes • Import and export palettes as .BuddyBar files • Drag and drop to reorder your colors • Light and dark mode support • Hide the toolbar with one click — bring it back from the toolbar icon or a small tab on the page edge • Keyboard shortcut (Ctrl+Shift+B) to show or hide the toolbar • Syncs automatically with the BuddyBar desktop app for Mac and Windows. Edit colors on your desktop and see them instantly in Chrome • Lock individual colors to protect them from edits or deletion • Lock entire templates to prevent any changes • Shade ladders — generate a 10-stop tonal scale from any color • Copy format presets — choose HEX, RGB, HSL, or CSS variable • "Make This Usable" palette audit — detects near-duplicates, contrast issues, and suggests color roles HOW IT WORKS Install the extension and visit a supported design site The BuddyBar toolbar appears automatically Click any color swatch to copy it to your clipboard Use the eye dropper to capture colors from your designs Organize colors into templates for different projects Visit https://buddybar.io/#supported-tools for the full list of supported sites and the BuddyBar desktop apps. WHAT'S NEW IN v6.1 See how others see it. Preview your palette through different types of color blindness — red-green and blue-yellow — with plain-English warnings when two colors might look the same to some viewers. Make a dark version. Turn any palette into a dark-background version in one click. BuddyBar inverts the lightness and automatically fixes contrast so your text stays readable. Recent colors. Your last copied colors are kept handy in the overflow menu, so you can grab them again with a single click. Hide and show. A new close button tucks BuddyBar away when you don't need it — and brings it right back from the BuddyBar icon in your browser toolbar, or a small tab on the edge of the page. PREVIOUSLY IN v6.0 Color locking. Protect individual colors from accidental edits or deletion. Lock an entire template to freeze the whole palette. Shade ladders. Generate a 10-stop tonal scale from any color, replacing Variations with a more useful tool. Copy format presets. Choose between HEX, RGB, HSL, or CSS variable format when copying colors. Make This Usable. One-click palette audit that detects near-duplicate colors, flags contrast issues, suggests color roles, and checks color harmony. Readability auto-fix. Double-click any failing contrast pair to fix it instantly. Dark mode polish and improved cross-platform sync reliability.