Refreshing Happy Money’s Brand Colors

New name, new products, new look

David Garvin
Oct 3, 2018 · 3 min read
Image for post
Image for post

Happy Money has grown a lot over the past year and it came time to expand and extend our brand colors as a company. We started as Payoff (a loan to pay off credit cards), added Joy (the app) and FindJoy.com (online publication), and rebranded as Happy Money to bring everything together under one common mission. With all of these changes we wanted to create a family of colors that was big enough and flexible enough to allow each product to have its own look and feel.
Color is one of my favorite elements of design. It can evoke emotion, make or break a product’s UI and help a brand stand out from the crowd. Color brings life, personality and allows a brand to uniquely express itself.

A New Pink

Pink has been our main brand color for a few years and it’s been a great tool in helping Happy Money (then Payoff) look different than all of the other financial companies out there. We wanted to keep the pink but soften it to make it feel more human and less digital.

Image for post
Image for post
The old brand pink vs the new brand pink

Expanding the Color Story

Along with updating our pink, we needed more colors to be able to better express our brand’s fun and approachable tone. We needed a selection of colors to allow our products to look different from each other. We’re a lifestyle focused financial services company that actually cares about your happiness. These colors enable us to have a lot more flexibility and fun with our messaging and communication.

Image for post
Image for post
Yummy color names

Mix and Match (but make it readable)

We developed a fun naming convention for the colors and set up some guidelines around how colors can and should be used together. These colors will mainly be used in social media and marketing communication but when used in an actual user interface or at smaller sizes we included some alternatives for easier reading and better contrast. Each of the combos below use the darker and lighter version of each color for better contrast.

Image for post
Image for post
Fun combos
Image for post
Image for post

When necessary we can use “coconut” on any of the darker background colors and “charcoal” on any of the light backgrounds. This is helpful for certain parts of websites and in app UI that need to be extra legible.

A Story Still Being Written

A company’s visual language should continue to evolve over time. These new colors are just a start and we will be continually updating and working on all things brand design to help Happy Money scale and connect with more people. ✨

Image for post
Image for post

Interested in learning more from Happy Money Design? Check out our team website, or follow us on Medium, Twitter, and Dribbble.

Join our team. Our small product focused design team is ready to grow! If you want to help design and code beautiful financial products that help change how people think about and use money, checkout our open positions here.

Happy Design

Shared thoughts and ideas from the Happy Money Design Team

David Garvin

Written by

Product Designer @HappyMoney. Working on @joyapp. Arpeggiated synths, gaming, experimenting in 3D, supporting and helping others.

Happy Design

Shared thoughts and ideas from the Happy Money Design Team

David Garvin

Written by

Product Designer @HappyMoney. Working on @joyapp. Arpeggiated synths, gaming, experimenting in 3D, supporting and helping others.

Happy Design

Shared thoughts and ideas from the Happy Money Design Team

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store