Color is central to our brand, it’s lively, memorable, and uniquely ours. We pair vibrant hues with purposeful white space to create focus, flow, and an engaging experience for every user.
NOTE: If you are looking for the product specific colors and guidelines please visit Sonar.
Primary color
We are known for our brand color, Blurple. This is our primary color and should be visible throughout all assets we create. It's vibrant and draws the eye to encourage engagement.
Name Blurple
hex#5C45FF
pms2726C
CMYK75, 72, 0, 0
RGB92, 69, 255
Secondary colors
Name Bludacris
hex#5ADCFF
Name Purple Haze
hex#A66EFF
Name Hello Lello
hex#F0FC5B
Neutrals
Our neutrals provide balance, complementing our core colors and creating a clean canvas for communication. They are most often used as background tones.
Name White
hex#FFFFFF
Name Smurf Blood
hex#020C1C
Name Oat Milk
hex#F4F2EF
Shades
Our extended palettes feature shades of our core colors, offering a wider range while maintaining the same brand essence and emotional connection as the primary hues. Please note the number associated with each shade as I will reference that number for color usage guidelines throughout.
Name Blurple 100
HEX #dce1ff
Name Blurple 200
HEX #8398ff
Name Blurple Primary
HEX #5c45ff
Name Blurple 400
HEX #352daa
Name Bluda 100
HEX #dff5ff
Name Bluda 200
HEX #afe6ff
Name Bluda Primary
HEX #5adcff
Name Bluda 400
HEX #0c9dbf
Name PH 100
HEX #eee5ff
Name PH 200
HEX #d5bdff
Name PH Primary
HEX #a66eff
Name PH 400
HEX #642bef
Name Oat Milk
HEX #f4f2ef
Name Oat Milk 300
HEX #e2d9d0
Name Oat Milk 300
HEX #d1c7bf
Name SB 600
HEX #4f5875
NameDiel Grey
HEX #373c54
Name SB 800
HEX #1d2033
Name SB 900
HEX #121627
Name Smurf blood
HEX #020c1c
Color crimes
Please pay close attention to color contrast when choosing background and foreground colors.
Blurple pops on smurf blood
Not enough contrast
Blurple with white *chefs kiss*
Not enough contrast