Colors
Our colors are part of our design language. When used correctly they improve communication, re-enforce out brand, and enhance the user experience.
Our Color Story
When Beeline and IQN merged in 2017 the two companies had considerably different brand colors. Beeline’s colors where powered by a bright green and supported by dark grays and blacks. IQN’s primary color was a royal blue and was mainly supported by other shades of blue. The merger gave us an opportunity to focus on converging the two brands. Our product design team worked hard to find a balance that would allow our products to stay consistent and easy to consume, while promoting a converged experience. Our color palette is just one of the many ways for us to showcase convergence. We use colors to add support to our messaging and to elevate the user experience. For us, what matters most is that you use the best color that is suited to the message you are trying to convey. Here you will learn what our colors are and how we use them.
Our Blues
Our blues provide a solid foundation for our products. We use them for links, underlines, backgrounds, buttons and to highlight special areas.
Blue 5
Blue Accessibility
Blue Primary
Blue 1
Blue 2
Blue 3
Blue 4
Our Greens
Our greens are used as our primary action color and in supporting roles.
Green Accessibility
Green Primary
Green 1
Green 2
Our Reds
Reds are used to highlight dangerous activity and add more meaning to alerts and notifications. They are also used in a supporting role for some elements.
Red Accessibility
Red 1
Red 2
Our Oranges
Similar to our reds, oranges are also used to highlight warning activity, add more meaning to alerts and notifications, and are also used in a supporting role for some elements.
Orange Accessibility
Orange 1
Orange 2
Orange 3
Our Neutrals
Our Neutral Shades are mainly used for backgrounds and fonts.