Color
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
HEX#7A54FF
Blue 50
HEX#3793FF
Turquoise 50
HEX#00D387
Red 50
HEX#F53561
Yellow 50
HEX#FFC32A
Violet 90
HEX#2E1F6D
Color Ratio
We recommend using the following color ratios as a guideline for creating marketing collateral.
Use the following distributions as guidelines for light mode and dark mode.
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
HEX
#2E1F6D
Violet 50
HEX
#7A54FF
Violet 25
HEX
#C5B4FF
Violet 10
HEX
#EFECFF
Blue 90
HEX
#002B5D
Blue 50
HEX
#3793FF
Blue 25
HEX
#A4CEFF
Blue 10
HEX
#E2F0FF
Light Blue 90
HEX
#004348
Light Blue 50
HEX
#00BBC7
Light Blue 25
HEX
#98EAEF
Light Blue 10
HEX
#DDF5F7
Turquoise 90
HEX
#00432B
Turquoise 50
HEX
#00D387
Turquoise 25
HEX
#91F7D2
Turquoise 10
HEX
#D9FFF1
Green 90
HEX
#323E00
Green 50
HEX
#ABD600
Green 25
HEX
#DAF473
Green 10
HEX
#F2FFBD
Yellow 90
HEX
#493400
Yellow 50
HEX
#FFC32A
Yellow 25
HEX
#FFDC83
Yellow 10
HEX
#FFF3D5
Orange 90
HEX
#7A54FF
Orange 50
HEX
#7A54FF
Orange 25
HEX
#7A54FF
Orange 10
HEX
#7A54FF
Red 90
HEX
#5A0014
Red 50
HEX
#F53561
Red 25
HEX
#FF9EB4
Red 10
HEX
#FFEBF0
Pink 90
HEX
#5F0045
Pink 50
HEX
#E612AB
Pink 25
HEX
#FF98E2
Pink 10
HEX
#FFEDFA
Light Mode
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
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
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Dark Mode
Here are a few suggested color combinations when using dark mode
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color
Violet
Highlight
Color
Color