The Bitcoin Design Guide also has tips on formatting units, including parts of what Peach does.

I think it can be a bit simpler. I would remove "sats" and replace the bitcoin logo with the bitcoin unicode symbol. Why not just use "₿ 0.00 000 000"? with the subtle color treatment of highlighting the non-zero amount? That way you don't have two units competing for interpretation (bitcoin logo on the left, sats on the right - which one is it now?). It will still be read the same way.

Overall, I think this solution works well for the bitcoin-savvy Peach audience in the big total balance display. For use in other parts of the UI, where there is less space and the numbers have to be shown smaller, this way of formatting gets pretty cluttered, particularly if you carry over the colors. Simplifying to just sats or bitcoin is often a better solution there.

And more as a side note, because this is often ignored, every country has its own standard for formatting units (examples). If you force your preferred formatting on the whole world, it will not be intuitive to them. Best to use a library that automatically handles unit formatting (browsers even have this built-in).