Color
How we use color
Color plays a crucial role in establishing a brand's identity and creating a memorable visual experience. In this section, we will explore the Core Purple, the color that represents our brand identity, and our Secondary Palette.
Core Purple
The Core Purple is a bold and distinctive color that perfectly embodies our mission to empower builders and deliver truth and encouragement to product teams.
Purple 200
275U / 275C
#1B0B3B
C98 M100 Y45 K57
R27 G11 B59
Purple 150
#5028C0
Purple 100
2725U
#7856FF
C72 M70 Y0 K0
R120 G86 B255
Purple 40
#B094FF
Purple 20
#E8DDFF
Secondary Palette
The Secondary Palette compliments our Core Purple and allows us to create a harmonious and versatile visual language that can be used across different mediums and contexts. Let's dive in and discover how we use color to reinforce our brand's values and personality.
Lava 200
#5B0237
Lava 150
#CC332B
Lava 100
#FF7557
Lava 40
#FFB0A3
Lava 20
#FFE1D6
Mint 200
#122E29
Mint 150
#07B096
Mint 100
#80E1D9
Mint 40
#BCF0F0
Mint 20
#E0FAFA
Mustard 200
#A33B16
Mustard 150
#DA6B16
Mustard 100
#F8BC3B
Mustard 40
#FEDE9B
Mustard 20
#FFEFDB
Color Proportions
These numbers are generalizations, but we should be using our Core Purple brand colors along with Base colors, followed by limited use of secondary colors.
40% Core Purples
#1b0b3b
#7856ff
#c3abff
40% Base Colors
#FBF9F9
#F5F2F2
#EAE7E7
20% Secondary Colors
#5B0237
#FF7557
#FFE1D6
#122E29
#80E1D9
#E0FAFA
#A33B16
#F8BC3B
#FFEFDB
Gray & Neutral Colors
Black
#000000
Grey 50
#1F1F24
Grey 40
#626266
Grey 30
#9B9B9B
Grey 20
#C0C0C0
Grey 10
#E9E9E9
Neutral Dark
#EAE7E7
True Neutral
#F5F2F2
Neutral Light
#FBF9F9
Core Brand Usage
Secondary Usage
Usage to avoid
Combine various colors from our palette when using the logo.
Use two low contrasting colors together.
Use gradients for anything involving our logo.
Use a stroke outline in any way with our logo.
When in doubt, use purple, black, or white.
If you don’t really know what to do color wise, keep it simple. Use our core brand colors in the combinations recommended above.
Although we have other colors, the primary colors are the best to use on a recurring basis.