Skip to main content

Brand Colors

Our brand palette is made up of a series of violets that complement both light and dark backgrounds. These color combinations are used both in-app and externally. We keep things fun, fresh, and vibrant with our secondary colors.

Primary Colors

Our primary colors cover the majority of space in our products and services. They have strong contrast for visibility and can be used as a background canvas, or as headers and paragraph text to create engaging and well contrasted copywriting.

Violet 50

#7A54FF

Blue 50

#3793FF

Turquoise 50

#00D387

Red 50

#F53561

Yellow 50

#FFC32A

Violet 90

#2E1F6D

Color Palette

Our diverse color palette allows us to express ourselves across a variety of scenarios while also covering the main colors used in major global celebrations. These auxiliary colors are great for highlights, icons, and banners in the HelloTalk App. The next section includes suggested color combinations for both light and dark mode.

Violet 90#2E1F6D
Violet 50#7A54FF
Violet 25#C5B4FF
Violet 10#EFECFF
Blue 90#002B5D
Blue 50#3793FF
Blue 25#A4CEFF
Blue 10#E2F0FF
Light Blue 90#004348
Light Blue 50#00BBC7
Light Blue 25#98EAEF
Light Blue 10#DDF5F7
Turquoise 90#00432B
Turquoise 50#00D387
Turquoise 25#91F7D2
Turquoise 10#D9FFF1
Green 90#323E00
Green 50#ABD600
Green 25#DAF473
Green 10#F2FFBD
Yellow 90#493400
Yellow 50#FFC32A
Yellow 25#FFDC83
Yellow 10#FFF3D5
Red 90#5A0014
Red 50#F53561
Red 25#FF9EB4
Red 10#FFEBF0
Pink 90#5F0045
Pink 50#E612AB
Pink 25#FF98E2
Pink 10#FFEDFA

Light & Dark

Use the core colors for the background color of critical brand assets such as the website and HelloTalk App. For flexibility, secondary assets used in marketing campaigns or operational activities may use other colors. Here are a few suggested color combinations when using light mode.Here are a few suggested color combinations when using dark mode

Light and dark mode color examples