I was at an Articuland conference (I'm an Instructional Designer) and noticed that every presenter was suggesting that Instructional Designers create a separate document to keep their brand colors readily available in their Articulate Rise courses. That was a good idea but felt cumbersome, so I started thinking about it and realized that I had the same problem and that perhaps I could fix it. I'm not a coder by trade so I tried my hand at vibe coding a Chrome extension to see if it would work and it did! I called it BuddyBar and released it for free. Since I created it back in September 2025 I've made a few updates. More site support like Figma, Canva, etc and then made a Mac app that works anywhere. It just sits on your desktop as a floating bar, kind of like a widget, with all your hex codes available. I've since added a bunch of features like templates, sharing, Chrome and Mac sync, contrast checking, and more. I think it's now in a good place to share here and I hope you all like it.

BuddyBar

A color palette that floats alongside all your design tools.

A color palette that floats alongside all your design tools.